Définir par programme le focus sur le bouton dans Vuetify

Question

J'essaie de concentrer les boutons d'action dans une boîte de dialogue en V à chaque ouverture. J'ai essayé d'utiliser l'autofocus mais cela ne fonctionne qu'une seule fois.

Normalement, dans Vuetify, vous pouvez définir le focus sur un élément en ajoutant une référence, puis en appelant la fonction focus () comme ceci:

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

Code:

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

Cependant, pour v-btn, cela ne semble pas fonctionner. Comment puis-je utiliser javascript pour concentrer le v-btn chaque fois que la boîte de dialogue est affichée?

Answer 1

Pour Vuetify 2.x, utilisez setTimeout:

setTimeout(() => {
  this.$refs.button.$el.focus()
})