el-form报错：Invalid handler for event “input“: got undefined

原创已于 2022-07-07 16:34:38 修改 · 3.3k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#vue

于 2021-07-26 15:08:55 首次发布

Vue 专栏收录该内容

11 篇文章

订阅专栏

本文解决了在使用Vue框架时，遇到的在JSX中渲染el-form组件出现的Invalid handler for event “input”错误。通过调整model属性为props传递的方式，成功避免了该错误并使表单能够正常工作。

在jsx中渲染el-form会报错误：Invalid handler for event “input”: got undefined

代码如下：

  let form = (<el-form
        class="form-container"
        label-width="auto"
        size="mini"
        label-position="top"
        model={this.elProps}
        {tab.groups.map((group) => PropGroup.call(this, this.$createElement, group, tab))}
      </el-form>)

原因

可能是参数没传入到vue实例里面，导致报错

解决方法

把传参model改为props={{model:…}}

  let form = (<el-form
        class="form-container"
        label-width="auto"
        size="mini"
        label-position="top"
        props={{
          model: this.elProps
        }}>
        {tab.groups.map((group) => PropGroup.call(this, this.$createElement, group, tab))}
      </el-form>)