为什么 this.$refs.inuputField'.focus() 在 Vue 中不起作用？

Question

我已经创建了一个输入字段，并给它一个ref="inputField"就像

<input ref="inputField">
<button @click="btn">Click</button>

点击，我想给它添加焦点，我写了这样的代码

<script>
methods:{
btn(){
this.$refs.inputField.focus()
}
}
</script>

，但这不起作用。有没有人能解释一下，当按钮被点击时，如何对焦点进行输入。当按钮被点击时，我想要它

Answer 1

你的代码工作了。

你至少需要export default:

<script>
export default {
methods: {
btn() {
this.$refs.inputField.focus()
}
}
}
</script>