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

在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>)

参考：

Invalid handler for event “input”: got undefined #20286