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