vue.js 为什么“this.$refs.inputField.focus()”不起作用？

mznpcxlj 于 2023-11-21 发布在 Vue.js

关注(0)|答案(1)|浏览(183)

我创建了一个输入字段，并给它一个ref="inputField"，如下所示：

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

字符串
在单击时，我想向它添加焦点，我已经编写了这样的代码：

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

型
但这不起作用。
点击按钮时如何在焦点上输入？

1条答案

您的代码可以正常工作。请参见此示例。
你至少需要export default：

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

字符串