问题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}}
运行效果: