検索
フォーム全体に入力ボックスが 1 つしかない場合は、Enter キーを押して検索します
<el-input @keyup.enter.native="toFilterData"
v-model="formInline.students_name" ></el-input>
同時に入力値の有無を監視します メソッドには監視方法を記述します v-modelの値が取得できたらEnterキーを押します 監視する必要がある場合はスペースや他のキーに置き換えてください他のキーの値。
// //查询
toFilterData() {
// 当用户没有输入内容就按enter键时,就return,不做任何操作,不去搜索
if(this.formInline.students_name === '') {
return
} else {
// 请求查询接口,将列表展现出来
this.getTabletsIndex();
}
},
vue+elementUI が入力ボックスで Enter キーを押した場合でも、ページは更新されます。問題の原因: フォーム要素に入力ボックスが 1 つしかない場合、入力ボックスで Enter キーを押すとフォームが送信されるはずです。 。このデフォルトの動作を防止したい場合は、@submit.native.prevent を <el-form> タグに追加します。
<el-form @submit.native.prevent></el-form>
提出する
パスワードを入力した後、Enter キーを押してログインに成功します
次のコードを入力ボックスとボタンに追加するだけです
<el-form-item prop="password">
<el-input
ref="password"
v-model="loginForm.password"
:type="passwordType"
placeholder="请输入密码"
tabindex="2"
@keyup.enter.native="handleLogin" />
</el-form-item>
<el-button :loading="loading" @click.native.prevent="handleLogin" >登录</el-button>