Javascript Vue.js在函数内强制重新加载

一小段代码，当鼠标悬停在我想要的任何一个输入字段上时，它都是可见的，并集中在上面：
模板：

<span @mouseover="hoverOn('givenName')">
    <input v-show="this.hovers['givenName']" ref="givenName" v-model="...

该字段变为可见，但焦点未完成。如果我第二次鼠标滑过，由于该字段现在可见，焦点工作。因此，函数的参数正常，在数据部分正确声明了hover数组。
这可能是因为Vue尚未在调用焦点时将字段设置为可见。

---

我试图在第1行和焦点行之间插入this.$forceUpdate（），但这不起作用

你是对的-它没有聚焦的原因是因为元素还没有渲染。 将焦点调用放在一个数组中，vue将等待元素渲染后再调用它

methods: {
  hoverOn: function (name) {
    this.hovers[name] = true;
    this.$nextTick(() => {
        this.$refs[ref].focus()
    })
},

---

你有没有试过做同样的事情，但没有加入到混音中？放弃浏览器限制

methods: {
  hoverOn: function (name) {
    this.hovers[name] = true;
    this.$nextTick(() => {
        this.$refs[ref].focus()
    })
},