element开关在项目中使用

想要达到的效果，如图，类似于多选的操作

i代表的是每个循环出来的大表格的index

 

 总开关（放在了每一个大表格里

 

changeSwitchAll(i) {

      this.tableData[i].relationsList.forEach((ele) => {

        ele.isEffect = this.tableData[i].status;

      });

    },

 

小表格中的每一个开关

 

 

 

     / /表格中的状态

    changeSwitch(row, i) {

      //如果有打开的，则总开关打开

      let OnResult = this.tableData[i].relationsList.some((item) => {

        return item.isEffect != 0;

      });

      // console.log("OnResult", OnResult);

      //如果有一个开，则全开

      if (OnResult) {

        this.tableData[i].status = 1;

      }

      //如果都不开，则关

      if (!OnResult) {

        this.tableData[i].status = 0;

      }

    },