element表格多选问题

element表格，多选从新请求后数据问题

表格的selection-change方法参数为当前所勾选的数组对象，我的问题是，我全部勾选后，在筛选出某一个勾选过得，会影响整个勾选的内容如图。

操作前的样子

操作后的样子

此时操作后已勾选巡更点里的红框框里的，人脸核验和位置核验应该是勾选状态，但是它没有，是因为数据改变新数组这两个字段都为false，所以变成了未勾选。此时就要用到上面的selection-change方法进行判断，对比新老数据，方法如下。

handleSelectionChange(val) {
      this.tableData1.forEach(item => {//this.tableData1为老数据
        val.forEach(item1 => {//val为新数据
          if (item.id == item1.id) {
          //此处判断为，拿新数据也就是操作后上面红框框里的数据对比this.tableData1的数据（也就是下面也勾选的数据），如果他们两个相等（上面红框框里的勾选状态的数据就是此时val的数据），就把勾选的变量改为true
            item1.checked = item.checked
            item1.checked1 = item.checked1
          }
        })
      })
      this.tableData1 = val
    },

添加方法后修改前的样子

添加方法后修改后的样子

此博客仅用于自己记录，写的不好勿喷，如果有小伙伴遇到同样的麻烦且看不明白，留言。