element-ui >>> Invalid handler for event "input": got undefined
<div class="zysoft-table-select">
<el-form ref="tableForm" model={ this.formModel } inline={ this.inline } label-position={this.labelPosition} disabled={ this.isDisabled } class="zysoft-form-serch" label-width={ this.labelWidth} size="mini">
<el-row gutter={20}>
{ this.generateCode() }
<el-col xs={12} sm={3} md={4} lg={{span: '4-8'}} xl={{span: '4-8'}}>
<el-button type="primary" size="mini" >查询</el-button>
<el-button type="success" size="mini">重置</el-button>
</el-col>
</el-row>
</el-form>
</div>
增加mode后
[Vue warn]: Invalid handler for event "input": got undefined
临时解决 : 可以在 el-form上加 on-input={()=>{}} 解决 让他的input有事件就不会报错了
终极解决方案 传参方式需要{...props:{}}
render(h){
return(
<div class="zysoft-table-select-meet-frame">
<el-form ref="tableForm"
class="zysoft-form-serch"
{...{props: {
model: this.formModel,////vue jsx element 表单校验的model不可以直接写 以这种方式解决
inline: this.inline,
labelPosition:this.labelPosition,
disabled: this.isDisabled,
labelWidth: this.labelWidth,
size: this.size
} } }
>
<el-row gutter={20}>
{ this.generateCode() }
{ this.$slots.select }
</el-row>
</el-form>
</div>
)
}
参考地址:
https://github.com/ElemeFE/element/issues/20286

本作品采用知识共享署名-非商业性使用-禁止演绎 4.0 国际许可协议进行许可。
目录
评论暂时关闭了,可以过段时间再试