element-ui vue2 table组件多选清空会直接清除掉渲染数据的bug

137 阅读1分钟

在勾选操作之后的清空操作。会使渲染数组中的值也清空。导致下一次勾选操作返回的值是undefined 为此。 需要在勾选的change事件中做一个深度克隆的操作,使得清空的不会是渲染数组,而是克隆数组。

@selection-change="handleSelectionChange" // 勾选更新监听事件

handleSelectionChange(valArr) { // 需要做一个深克隆的操作
  const cloneArr = JSON.stringify(valArr)
  this.selectList = JSON.parse(cloneArr)
},

这样就解决了会更改渲染数组数据的bug了。