项目中有一个父子组件,子组件是dialog弹窗,第一次点击保存后,页面自动刷新。
父组件操作的表单数据都丢失了,但是再刷新一次,重新操作就不会刷新了,非常奇怪。
原因:由于当表单只有一个文本框时,按下回车将会触发表单的提交事件, 从而导致页面刷新。
<el-form?:inline="true"?:model="getForm"?class="demo-form-inline">
????<el-form-item?label="科目名称">
????????<el-input?v-model.trim="getForm.exam_name"?@keyup.enter.native="search"></el-input>
????</el-form-item>
</el-form>
在? el-from 加上?@submit.native.prevent
<el-form?:inline="true"?:model="getForm"?class="demo-form-inline"?@submit.native.prevent>
????<el-form-item?label="科目名称">
????????<el-input?v-model.trim="getForm.exam_name"?@keyup.enter.native="search"></el-input>
????????
????</el-form-item>
</el-form>
本文参考链接: