select组件支持单选和多选:
单选的时候使用起来没什么毛病;
但是多选的时候:
绑定的数据为数组,是一个复合型数据类型,因此要给select绑定value-key,值需要与option绑定的key值一样,
当需要数据回显的时候,需要将后台返回数据重新遍历赋值给绑定的变量,
var arr = data.split(','); for (var i = 0; i < arr.length; i++) { arr[i] = parseInt(arr[i]) } this.select1 = arr;
数据回显后下拉框不能操作时,需要给select绑定change事件,时间处理方法中需要强制刷新,附带数据排序
multipleSort(val) { this.$forceUpdate(); return val.sort(function(a, b) { return a - b; }) }
当下拉框部分根据页面需求时而单选,时而多选时,必须绑定两个变量,变量不支持数据类型的更改,
当下拉框单选时有赋值后,别的表单又将此项变为多选时,多选的过程中单选内容会显示在多选的tag下面,此时不能用v-if,需要用v-show