使用iview框架过程中遇到的一些问题

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