vue中 输入框输入回车后触发搜索(搜索按钮触发页面刷新问题)
一、回车触发搜索
代码
<el-input
@keyup.enter.native="keyDownEnter"
size="medium"
v-model="orgNameInput"
placeholder="请输入"
style="width:200px"
clearable
></el-input>
<el-button type="primary" @click.native.prevent="search(1)" v-auth="'search'" size="medium">搜索</el-button>
js
keyDownEnter (e) {
var keyCode = window.event ? e.keyCode : e.which;
if (keyCode === 13) {
this.search(1);// 搜索按钮的回调
}
},
绑定事件时增加修饰符.enter.native 防止触发页面刷新。search方法中就是搜索数据的相关代码 根据自己的需求进行补充即可(.native.prevent也是修饰符 防止浏览器默认行为:触发浏览器刷新)