Vuetifyでダイアログを開いたときにダイアログ内にフォーカステキストフィールドを設定する


以下が参考になりました。

https://stackoverflow.com/questions/59407003/set-focus-text-field-inside-dialog-when-dialog-opened

以下のように、ダイアログを開いてから少し時間を置いてから、$refsにアクセスするとうまくいきました。

watch: {
   dialog: function(value) {
      if (value) {
        setTimeout(() => {
          this.$refs.name.focus();
       }, 200);
     }
   }
}