el-form表单中的el-input回车刷新页面,@keyup.enter.native不生效问题解决
- 表单中只有一个input,键盘回车会刷新页面,@keyup.enter就会失效
- 解决方法:俩种。
- 第一种:在表单里加一个不显示的input(不推荐此写法)
<el-form>
<el-input v-mode="name1" style="display:none;"></el-input>
<el-input v-mode="name2" @keyup.enter.native="search"></el-input>
</el-form>
- 第二种:在el-form上添加@submit.native.prevent(推荐)
<el-form @submit.native.prevent>
<el-input v-mode="name" @keyup.enter.native="search"></el-input>
</el-form>