问题:@keyup.enter.native外部存在form表单,并且form表单里只有一个input
原因:当form表单内只有一个input按回车键会自动提交表单
解决办法:多增加一个不可见的input即可
原:此时输入框输入后按回车键不会执行codeVerify方法
<el-form :model="form">
<el-form-item>
<el-input v-model="form.code" placeholder="请输入code"
@keyup.enter.native="codeVerify"></el-input>
</el-form-item>
</el-form>
修改后:此时输入框输入后按回车键即会执行codeVerify方法
<el-form :model="form">
<el-form-item>
<el-input style="display: none;"></el-input>
<el-input v-model="form.code" placeholder="请输入code"
@keyup.enter.native="codeVerify"></el-input>
</el-form-item>
</el-form>