@keyup.native.enter 第一次触发时,会刷新页面
原因:事件包裹在form表单中,enter事件默认触发了表单的提交,导致页面刷新
解决:在el-form标签中加上 @submit.native.prevent,阻止表单的默认行为
<el-form class="public-form card-form" :model="cardForm" inline label-width="112px" label-position="top" @submit.native.prevent>
<el-form-item label="刷卡卡号:">
<el-input v-model="cardForm.cardNo" placeholder="请输入账号或刷卡" clearable @keyup.enter.native="submitAccount"></el-input>
</el-form-item>
<div>
<el-form-item label=" ">
<el-button type="primary" size="mini" @click="notSubmit">暂不刷卡</el-button>
</el-form-item>
</div>
</el-form>