关于 elementUI 中的 Intput 框的Enter 事件

在文档中没有出现相关的说明,但是在实际使用中确实需要用到,怎么办呢?

这里有一个示例:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<el-form
:inline="true"
:model="price_form"
:rules="price_rules"
ref="priceForm"
@submit.native.prevent
v-if="scope.row.edit_deposit"
>
<el-row style="margin-top: 22px;">
<el-form-item label-width="0" prop="price">
<el-input
placeholder="请输入价格"
:icon="price_loading ? 'loading' : 'edit' "
v-model="price_form.price"
@keyup.native.enter="storePrice"
:on-icon-click="storePrice">
</el-input>
</el-form-item>
</el-row>
</el-form>

这里需要在input 中加入 `@keyup.native.enter=””事件,只加这个还不完整,因为回车的时候会 出现表单默认提交的情况,有些时候是我们不需要的,因此,需要在el-form中添加@submit.native.prevent`
来阻止 form 的默认提交行为

资料来源