• JS实现全选,取消全选,正常选择


    //点击选择方法
    onUserIdsChange(selVal) {
    if (this.form.groupUserIds.includes(-1) && !this.isSelectAll) {
    // 全选
    this.nickNames = []
    this.isSelectAll = true
    this.form.groupUserIds = []
    this.groupUserOption.forEach(item => {
    item.value != -1 && this.form.groupUserIds.push(item.value)
    if(this.form.groupUserIds.length !== 0 && item.subscribe !== true){
    this.onShow = true
    this.nickNames.push(item.label)
    }
    })
    this.groupUserOption[0].label = '取消全选'

        } else if (this.isSelectAll && this.form.groupUserIds.includes(-1)) {
         **// 取消全选**
          this.isSelectAll = false
          this.groupUserOption[0].label = '全选'
          this.form.groupUserIds = []
          this.onShow = false
          this.nickNames = []
        } else {
          **// 正常选择**
          this.nickNames = []
          this.form.groupUserIds = selVal
          if(this.form.groupUserIds.length === this.groupUserOption.length - 1){
            this.groupUserOption[0].label = '取消全选'
          }else{
            this.groupUserOption[0].label = '全选'
          }
          if(this.form.groupUserIds.length !== 0){
           this.groupUserOption.forEach(item2 => {
             this.form.groupUserIds.forEach(item => {
               if(item2.value === item && item2.subscribe !== true){
                this.onShow = true
                this.nickNames.push(item2.label)
              }else if(item2.value === item && item2.subscribe === true){
                this.onShow = false
              }
             })
           })
          }
          else{
            this.onShow = false
            this.nickNames = []
          }
        }
      }
    },
  • 相关阅读:
    oracle视图总结(转)
    tomcat web.xml 配置
    绑定命令的具体应用
    oracle数据导入的常用命令
    hibernate学习笔记6--Criteria查询方式、完整小练习(开发步骤)
    Github常见错误
    排序函数中比较函数cmp的理解
    Hdu 4143
    Wireshark 基本使用方法
    Valgrind 初次接触
  • 原文地址:https://www.cnblogs.com/zppsakura/p/11376780.html
Copyright © 2020-2023  润新知