ant vue 兼容性问题_Ant Design of Vue使用遇到的问题以及解决方法总结

问题1：在modal里使用select多选的时候，当modal关闭之后，select框的值未初始化？

解决方法：将参数 destroyOnClose 设置为true，表示当关闭时自动销毁Modal的子元素。

问题2：控件select的备选项option标签属性key和value值的区别？

解决方法：

style="width: 100%"

placeholder="请选择开班课程"

v-decorator="['courseType', validatorRules.courseType]">

请选择开班课程

{{ course }}

courseList：[ 饮品教学班,营销实战,彩虹米课程,业绩实战班 ]

courseTypeList：[ 0,1,2,3 ]

key：key属性是用于区别于不同的，多个key不能重复，通常去id作为key值。

value：value属性是选中某一项之后，控件的返回值，可以去id作为value值，也可以取相关的name作为select的返回值，比如上面的例子是将课程类型作为的返回值，那么传到后端的值就是对应的type值(0,1,2...)。

另外：

实例1：没有设置标签值，下拉框value值作为备选值，select返回的就是那个value值。

{{searchMessage.projectId}}

项目：

运行效果：

实例2：没有标签值，下拉框就以value值作为备选项。select返回值是选中的那个value值。(value值为Name)

{{searchMessage.projectId}}

项目：

运行效果：

实例3：有标签值(标签值为Name)，下拉框就以标签值作为备选值，select的返回值是选中的那个value值。(value为id)

{{searchMessage.projectId}}

项目：

{{project.projectName}}

运行效果：