DDR爱好者之家

vue之a-table中实现清空选中的数据
站长资源 2024/5/1 佚名
32 1538
DDR爱好者之家 Design By 杰米

如下所示：

vue之a-table中实现清空选中的数据

vue之a-table中实现清空选中的数据

vue之a-table中实现清空选中的数据

<template>
  <a-table
     ref="table"
     size="default"
     :columns="columns"
     :dataSource="loadData"
     :showAlertInfo="true"
     :pagination=false
     :scroll="{ x: 1000, y: 250 }"
     :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onChange}"
    >
      </a-table>
 
</template>

<script>
 


 export default {
  components: {},
  data() {
   return {
    selectedRowKeys: [],
    selectedRows: []}
  },
  methods: {
   onChange(selectedRowKeys, selectedRows) {
    //选中的数据的key
    this.selectedRowKeys = selectedRowKeys
    if (selectedRows.length > 1) {
     //获取选中的数据的key
     var selectNumber = this.selectedRowKeys[1]
     //清空选中的key
     this.selectedRowKeys = []
     //选中的数据的key重新赋值给selectedRowKeys
     this.selectedRowKeys.push(selectNumber)
    }
    //获取选中的数据详细信息
    this.selectedRows = selectedRows[0]

   },}
  ,
  watch: {}
  ,
  mounted() {
  }
 }
</script>

以上这篇vue之a-table中实现清空选中的数据就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

DDR爱好者之家 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
DDR爱好者之家 Design By 杰米
ddrfans.com DDR爱好者之家
8,675无损音乐
1,324高清电影
213破解软件
70,141收录资讯

更新日志

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网 更多链接
DDR爱好者之家 Design By 杰米