gpt4 book ai didi

javascript - 专注于位于 vuejs 中另一个组件内的输入?

转载 作者:行者123 更新时间:2023-12-05 02:35:11 25 4
gpt4 key购买 nike

我希望在输入某些键时能够专注于输入字段。我想关注的输入存在于 autocomplete-vue 中。这就是我所说的:

<autocomplete v-shortkey="['alt', 's']"
@shortkey.native="theAction()"
ref="autocompleteInput"
></autocomplete>

我想让我专注于输入的 Action 方法如下所示:

theAction () {
this.$refs.autocompleteInput.$el.focus()
}

这不是我想要的整个部分的重点。输入在 theAction 关注的内容中存在 2 个 div。从更好的 Angular 来看,这就是 this.$refs.autocompleteInput.$el 返回的内容:

<div>
<div data-position="below" class="autocomplete">
<input role="combobox" class="autocomplete-input">
</div>
</div>

关于如何使用类自动完成输入专注于输入有什么想法吗?任何建议都是有帮助的!

最佳答案

autocomplete 中添加一个 ref <input> 的组件并添加一个方法来聚焦它

<input role="combobox" class="autocomplete-input" ref="input"> 
methods: {
focus() {
this.$refs.input.focus()
}
}

然后你可以像这样从父组件调用它

this.$refs.autocompleteInput.focus()

关于javascript - 专注于位于 vuejs 中另一个组件内的输入?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/70616532/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com