el-dialog的置空的问题？

Question

如图所示：

代码如下：

handlePreservationclose() {
  if (this.multipleSelectAry) {
    this.multipleSelectAry = [];
  }
  this.showPreservationFormDialog = false;
},

this.multipleSelectAry这个是底图的选择打钩的数组格式，选择了就点确定保存，弹框按钮取消，置空不了这个数组，请问怎么弄掉这个打钩的数据

Answer 1

要调用table的方法设置：
https://element.eleme.cn/#/zh...

toggleRowSelection 用于多选表格，切换某一行的选中状态，如果使用了第二个参数，则是设置这一行选中与否（selected 为 true 则选中） row, selected

可以看官网的例子：
https://element.eleme.cn/#/zh...

Answer 2

正常流程不应该是需要拿到选择的id合集传给后端让后端去弄掉这个打钩的数据，成功后重新获取列表的数据吗，
如果要前端弄掉这个打钩的数据，需要列表数组结合着选中数组去实现

let list = [{
        id: 'a1',
        name: '嘉江湾1',
        addr: '汽车主题公园1'
    }, {
        id: 'a2',
        name: '嘉江湾2',
        addr: '汽车主题公园2'
    }, {
        id: 'a3',
        name: '嘉江湾3',
        addr: '汽车主题公园3'
    }]
let multipleSelectAry = [{
    id: 'a2',
    name: '嘉江湾2',
    addr: '汽车主题公园2'
}, {
    id: 'a3',
    name: '嘉江湾3',
    addr: '汽车主题公园3'
}]
list = list.filter(v => !multipleSelectAry.some((it => v.id === it.id)))
console.log(list)

multipleSelectAry无需手动置空，直接this.$refs.multipleTable.clearSelection()就Ok了,

1.会将当前选中的选项都变为未选中状态
2.会去触发selection-change事件