el-form里面的input输入框按回车自动刷新页面的问题
在el-form中,如果只有一个input的话,按回车表单会自动提交,刷新页面
解决方案:
1.只有一个的话直接不用el-form表单;
2.给input加上停止回车的事件
<el-input v-model="searchDetailData.Name" placeholder="请输入工作内容" clearable @keydown.native="handleEnter"></el-input>
handleEnter(event) {
if (event.keyCode === 13) {
event.preventDefault(); // 阻止默认行为
}
},
3.在 <el-form>
上添加 @submit.native.prevent
来阻止表单的默认提交行为
<el-form label-width="100px" @submit.native.prevent>
4.在表单中使用 @keydown.enter.native.prevent
<el-form label-width="100px" @keydown.enter.native.prevent>