elementUI-el-input聚焦时按回车回刷新页面

问题描述

输入框中按回车页面刷新

出现原因

el-form表单只有一个输入框，按回车默认触发提交按钮，导致提交刷新页面

解决方案

在el-form表单中加 @submit.native.prevent 阻止这一默认行为

.native: 表示对一组件绑定系统原生事件
.prevent: 表示阻止默认事件（提交后不刷新页面）

<el-form :model="form" @submit.native.prevent >
	<el-form-item label="ID">
		<!-- 键盘事件调用 enterClick 函数 -->
		<el-input v-model="form.id" @keyup.enter.native="enterClick"></el-input>
	</el-form-item>
</el-form>`