今天项目中出现一个bug，vue项目中使用elementUI表单出现了在输入框表单回车后输入框内容被清空。
忽然想起来，之前带学生写项目的时候，出现了在列表页面中头部的条件筛选框只有一个输入框时回车会刷新页面，此时的输入框是放到一个form标签里的，当直接放到一个div里面，没有from时不会出现输入框内回车刷新页面的问题。
查询资料发现，当一个form表单里只有一个输入框时，输入框内回车默认触发表单的提交submit事件。
解决： 阻止表单的提交事件
<el-form @submit.native.prevent="" >