1.关于iview的Select组件选中值后校验还是出问题的原因
Select组件选中后的值为非string类型,如果校验规则属性中有trigger属性,校验不会通过。
例如
校验规则添加trigger属性
1.png
选中的值为int类型
2.png
选中了值也会有红框提醒校验不通过
3.png
2.Table组件中使用Input组件并实现数据双向绑定(render函数方法)
html:
3.png
data:
1.png
2.png
效果:
4.png
注:render函数中方法若不使用箭头函数,则需要在return前声明一个变量并且将this赋值给这个变量,然后再方法中使用,否则会找不到this
5.png
2.Table组件中使用Input组件并实现数据双向绑定以及校验(slot-scope方法)
html:
1.png
data:
5.png
3.png
4.png
效果:
6.png
注:
1.使用v-model只能改变页面效果,不能改变数据源,所以需要on-blur方法手动改变数据源
8.png
2.若想让输入框居中,在FromItem标签写style属性即可,但校验报错结果会溢出隐藏
9.png
7.png












网友评论