[英]focus on an input that is located inside another component in vuejs?
当输入某些键时,我希望能够专注于输入字段。 我想关注的输入存在于 autocomplete-vue 中。 这就是我所说的:
<autocomplete v-shortkey="['alt', 's']"
@shortkey.native="theAction()"
ref="autocompleteInput"
></autocomplete>
我想让我专注于输入的 theAction 方法如下所示:
theAction () {
this.$refs.autocompleteInput.$el.focus()
}
这集中在整个部分,这不是我想要的。 输入在 theAction 关注的内容中存在 2 个 div。 从更好的角度来看,这是this.$refs.autocompleteInput.$el
返回的内容:
<div>
<div data-position="below" class="autocomplete">
<input role="combobox" class="autocomplete-input">
</div>
</div>
关于如何使用 class 自动完成输入来专注于输入的任何想法? 任何建议都是有帮助的!
在<input>
的autocomplete
组件中添加一个 ref 并添加一个方法来聚焦它
<input role="combobox" class="autocomplete-input" ref="input">
methods: {
focus() {
this.$refs.input.focus()
}
}
然后您可以像这样从父组件调用它
this.$refs.autocompleteInput.focus()
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.