1.关于iview的Select组件选中值后校验还是出问题的原因
Select组件选中后的值为非string类型,如果校验规则属性中有trigger属性,校验不会通过。
例如
校验规则添加trigger属性

选中的值为int类型

选中了值也会有红框提醒校验不通过

2.Table组件中使用Input组件并实现数据双向绑定(render函数方法)
html:

data:


效果:

注:render函数中方法若不使用箭头函数,则需要在return前声明一个变量并且将this赋值给这个变量,然后再方法中使用,否则会找不到this

2.Table组件中使用Input组件并实现数据双向绑定以及校验(slot-scope方法)
html:

data:



效果:

注:
1.使用v-model只能改变页面效果,不能改变数据源,所以需要on-blur方法手动改变数据源

2.若想让输入框居中,在FromItem标签写style属性即可,但校验报错结果会溢出隐藏


网友评论