为什么 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>