问题
当el-form只有一个el-input输入框时,按enter会刷新页面
解决方法
推荐:第一种方法
给el-form标签添加@submit.native.prevent,阻止form表单的提交事件
<el-form @submit.native.prevent>
<el-form-item>
<el-input v-model="value" @keyup.enter.native="handleInput" />
</el-form-item>
</el-form>
不推荐:第二种方法
在el-form中放多一个el-input标签,就不会只有一个el-input输入框了
<el-form>
<el-form-item>
<el-input style="display: none" />
</el-form-item>
<el-form-item>
<el-input v-model="value" @keyup.enter.native="handleInput" />
</el-form-item>
</el-form>