vue项目中使用了element ui,使用回车事件时加.native,写法如下:
<el-input
@keyup.enter.native="handleEnter($event)"
v-model="scope.row.name"
:value="scope.row.name" />
// 回车失去焦点
handleEnter(event){
event.target.blur();
// 回车失去焦点单独写
// 更新操作应该放到失去焦点的事件中,后面调用接口时重新写blur方法
this.$message.success('修改成功');
},
还可以直接写到页面中,将回车事件指向失去焦点,相关操作放在handleBlur方法中
<el-input
v-model="scope.row.name"
:value="scope.row.name"
@keyup.enter.native="$event.target.blur"
@blur="handleBlur" />
本文介绍在Vue项目中结合ElementUI组件库,如何通过添加.native修饰符来实现输入框在回车键按下时触发失焦事件。文章详细展示了两种实现方式:一种是在方法中直接调用blur()方法,另一种是将回车事件直接绑定到失焦事件上,配合handleBlur方法使用。
915

被折叠的 条评论
为什么被折叠?



