知乐空间

html多选按钮代码

背景

默认的el-select可以实现多选,模糊查询等功能,但是没有全选按钮,话不多说,咱们加一个。

html部分


      全选
    

data定义

checkbox: {}

js部分

selectAll(item, index) {
      //我这里是针对循环的多个下拉框增加多选。如果是单个,直接判断v-model绑定的值即可。
      if (this.checkbox[item.col_name]) {
        item.datas.forEach(item1 => {
         //按照自己的需求push就可以啦。
          this.search[item.col_name].push(item1.value);
        });
      } else {
        this.search[item.col_name] = [];
      }
    }

效果

elementUI | el-select组件增加全选按钮

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,请发送邮件至 ZLME@ZLME.COM 举报,一经查实,立刻删除。

留言与评论(共有 0 条评论)
验证码: