VUE：要素-UI入力ボックスには、イベントを入力バインド

参考：

https://segmentfault.com/q/1010000011347642

https://weiku.co/article/297/

：VUEモニタ入力入力ボックスは、イベント入力keyupイベント、プラスenter修飾子を。もしinput部品、プラス.native修飾子。

例えば：

@ Keyup.enter = "メソッド名"

< DIV ID = "アプリ" > 
    < 入力プレースホルダ= "请输入账号" タイプ= "テキスト" > 
    < 入力プレースホルダ= "请输入密码" タイプ= "パスワード" @ keyup.enter = "ログイン" > 
    < ボタン@click = "ログイン" >登录</ ボタン> 
< divの> 
< スクリプト> 
新しいヴュー（{
    方法：{
    ログインする（） {
        console.log（' ああ、ログオン... ' ）;
    }
  }
}）。$マウント（' #app ' ）
 </ スクリプト>

要素-UIの場合：el-input バインド  @keyup.enter.native イベントを

@ Keyup.enter.native = "メソッド名"

 

注意：

ときに  form のみ要素一个输入框の入力ボックスは、Enterキーを押しますフォームを送信します。あなたは、このデフォルトの動作を阻止したい場合は、ラベルに追加することができます  @submit.native.prevent。

< EL-形式の@ submit.native.prevent >
.....
</ EL-形態>

またはフォーム要素の属性を追加します  onSubmit="return false"。