关于element使用--select

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

posted on 2020-04-10 17:17  大毛猫熊  阅读(594)  评论(0编辑  收藏  举报