小新开源

使用 dayjs 计算时间差 ,不是日期时间

作者: sanye
时间: 2021-11-26
分类: nodejs,Vue,浏览器API
评论

element-ui >>>　　　Invalid handler for event "input": got undefined

作者: sanye
时间: 2021-11-20
分类: Vue
评论

```
 <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