zoukankan      html  css  js  c++  java
  • 关于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

    博观而约取
  • 相关阅读:
    层叠
    属性值的计算过程
    HTML+CSS笔记1-杂
    C语言—栈
    C语言零碎知识点
    线性表,顺序表,链表,数组的区别与联系
    C语言—单链表
    转载——从机器学习谈起
    readonly和const关键字
    C#中的扩展方法
  • 原文地址:https://www.cnblogs.com/EssMin/p/12674706.html
Copyright © 2011-2022 走看看