分析原因:
当 el-form 表单内只有一个 el-input 输入框时,且type为text类型时,在输入框内按回车就会触发表单的提交事件。
而当 el-form 表单内有多个 el-input 输入框时,按回车不会执行任何操作。
使用.prevent修饰符来阻止默认的表单提交行为:
@submit.native.prevent注解添加到el-form标签上从而阻止了按下回车键时的页面刷新
.native 表示对一个组件绑定系统原生事件
.prevent 表示阻止默认事件(如form的submit事件默认提交会刷新页面,.prevent修饰符可以阻止该默认事件)
<el-form @submit.native.prevent><el-form-item><el-input v-model="input" placeholder="请输入内容"></el-input></el-form-item>
</el-form>