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

这里有一个示例:

 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 的默认提交行为

资料来源