javascript - Vuetify 的自动对焦仅适用于第一个模式打开

Question

我正在尝试使用 Vuetify 的 v-text-field autofocus 但是它只在第一次使用。关闭对话框后，它就不再起作用了。

这就是我想要做的:

<v-text-field ref="focus" autofocus></v-text-field>

在谷歌搜索时我发现它是一个 bug这在某些版本中已修复，但他们有我也尝试过的临时解决方案:

watch: {
     dialog: (val) ->
         if !val
             debugger
             requestAnimationFrame( =>
                @$refs.focus.focus()
             )
}

我是做错了什么还是仍然是一个错误？设置断点我看到它在那一点停止。谁能引导我走向正确的方向？

唯一的区别是我使用的是 Vuex 并且对话框变量在 Vuex 存储中。对话框是 getter/setter。

dialog:
   get: ->
       return this.$store.state.my_store.isDialogOpen
   set: (value) ->
      this.$store.commit('my_store/MY_MUTATION', value)

Answer 1

唯一对我有用的是 v-if="dialog" 因为 autofocus Prop 只能在初始加载时工作，这就是为什么它只在我第一次打开时可用对话框。

因此在对话框中使用自动对焦的工作 v-tex-field 看起来像这样:

<v-text-field v-if="dialog" label="Label" autofocus></v-text-field>