antd-vue表格选中框操作后仍残留的问题解决

antd-vue表格选中框操作后仍残留的问题解决_第1张图片

computed: {
    rowSelection () {
      return {
        selectedRowKeys: this.selectedRowKeys,      
        // type: 'radio', // 是否为单选
        // selectedRowKeys: this.dataListSelectionKeys,
        onChange: (selectedRowKeys, selectedRows, event) => {
          //selectedRowKeys 为你点击选框时这一页选中的所有key
          //selectedRows 为你点击选框时这一页选中的所有数据
          console.log(`selectedRowKeys11: ${selectedRowKeys}`, 'selectedRows: ', selectedRows);
          this.selectedRows = selectedRows
          this.selectedRowKeys = selectedRowKeys;
        },
        onSelect: (record, selected, selectedRows, nativeEvent) => {
          //record 点击某一条的所有数据
          //selected 点击的一条是否被选中
        },
        onSelectAll: (selected, selectedRows, changeRows) => {
          //selected 点击全选是否选中
          //selectedRows 点击全选判断所有的选中数据
          //changeRows 所有改变选中状态的数据
          console.log("selected", selected);
          console.log("selectedRows", selectedRows);
          console.log("changeRows", changeRows);
          this.selectedRows = selectedRows
        },
        getCheckboxProps: (record) => ({
          props: {
            // 全部默认禁止选中
            // disabled: true,
            // 某几项默认禁止选中(R: 当state等于1时)
            // disabled: record.state == 1,
            // 某几项默认选中(R: 当state等于1时)
            defaultChecked: record.state === 1,
          },
        }),
      };
    },
  },

// 获取数据
getPageData () {
this.loading = true;
let params = {

    pageIndex: this.pageIndex,
    pageSize: this.pageSize,
  };
  console.log("获取数据 ");
  messageList(params).then((res) => {
    const { code, msg, data } = res.data;
    if (code === 0) {
      this.loading = false;
      this.currentTableData = data.list;
   
      this.selectedRows = []
      this.selectedRowKeys = [];     // 操作完成后置空
    } else {
      this.loading = false;
      this.$message.error(msg);
    }
  });
},

你可能感兴趣的:(vue.js,javascript,前端)