以编程方式将焦点设置在 Vuetify 中的按钮上

2024-04-26

我试图在每次打开 v 对话框时将操作按钮集中在 v 对话框中。我尝试使用自动对焦,但它只能工作一次。

通常在 Vuetify 中,您可以通过添加引用然后调用 focus() 函数来将焦点设置在元素上,如下所示:

<v-text-field ref="refToElement" />

Code:

this.$nextTick(() => this.$refs.refToElement.focus())

然而对于 v-btn 来说这似乎不起作用。每次显示对话框时,如何使用 javascript 使 v-btn 聚焦?


对于 Vuetify 2.x 使用setTimeout:

setTimeout(() => {
  this.$refs.button.$el.focus()
})
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

以编程方式将焦点设置在 Vuetify 中的按钮上 的相关文章

随机推荐