element 表单行内表单 回车报错？

Question

问题描述

在element ui form 表单内input框内，回车出现报错，@submit.native.prevent无效

这个bug可以在element ui 网站复现

问题出现的环境背景及自己尝试过哪些方法

1. 尝试过给form 表单@submit.native.prevent
2. 尝试过input 增加@keyup.enter.native
3. 网上查询有人说 在form 内的input 回车事件，是监听不到的

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

 <el-form ref="ruleForm"
                 :model="obj"
                 :inline="true"
                 label-width="110px">
          <el-form-item v-for="item in labelAndProp"
                        :key="item.prop"
                        :label="item.label"
                        :prop="item.prop">
            <el-input v-model="obj[item.prop]"
                      placeholder="请输入内容"
                      size="mini"></el-input>
          </el-form-item>
          <el-form-item>
            <el-button type="primary"
                       size="mini"
                       @click="handleFilter">查询
            </el-button>
            <el-button size="mini"
                       @click="clearFilter">清空
            </el-button>
          </el-form-item>
        </el-form>

data() {
    obj:{},
    labelAndProp:[{ label: '编码', prop: 'no' }, { label: '名称', prop: 'name' }]
},
methods: {
handleFilter() {},
      clearFilter() {}
}

你期待的结果是什么？实际看到的错误信息又是什么？

最终想实现在form 中监听input回车事件
现在的报错信息是：

Answer 1

这样？

• https://codepen.io/wonlycms/p...

Answer 2

https://codepen.io/pen/?&edit...
这个链接进入之后，回车正常

Answer 3

我也是碰到这个问题，你最后怎么解决的？