この記事では、VUE の複数の DIV とボタン バインディングの Enter イベントを実装する方法を説明します。

<div class="btn submit" @keyup.enter="submit" @click="submit">確認 (Ent)</div>

作成された(){
   document.onkeydown = 関数(e) {
     if(e.keyCode == 13){
       console.log("実行する必要のあるメソッドを呼び出します"); 
     }
   }
 },

<テンプレートスロット="フッター">
        <div class="dialog-footer dis-flex">
          <div class="btn cancel" @click="showDialog = false">キャンセル (Esc)</div>
          <入力
            タイプ="テキスト"
            ref="入力データ"
            クラス="hiddenIpt"
            @keyup.enter="送信"
          />
          <div class="btn 送信" @click="送信">
            確認（Ent）
          </div>
        </div>
</テンプレート>

時計：
    ダイアログを表示（）{
      ダイアログを表示する
        //this.$refs.inputdata.focus(); 間違った書き方 this.$nextTick(() => //正しい書き方 this.$refs.inputdata.focus();
        });
      }
    },
  },

.hiddenIpt {
    幅: 2rem;
    不透明度: 0;
  }