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

    博观而约取
  • 相关阅读:
    一个可以用的句子
    QQ通讯协议分析
    do easy get
    WCF 实例模式和对象生命周期
    c# FTP操作类
    [OAuth] 翻译 前4章
    [OAuth] 翻译 第5章
    HttpRequest 生命周期
    [ WebGL系列 ] 1 什么webgl
    SQL Server 问题集 不断更新
  • 原文地址:https://www.cnblogs.com/EssMin/p/12674706.html
Copyright © 2011-2022 走看看