vue之a(chǎn)-table中實現(xiàn)清空選中的數(shù)據(jù)

更新時間：2019年11月07日 15:35:29 作者：ljljlj1993

今天小編就為大家分享一篇vue之a(chǎn)-table中實現(xiàn)清空選中的數(shù)據(jù)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

如下所示：

<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) {
    //選中的數(shù)據(jù)的key
    this.selectedRowKeys = selectedRowKeys
    if (selectedRows.length > 1) {
     //獲取選中的數(shù)據(jù)的key
     var selectNumber = this.selectedRowKeys[1]
     //清空選中的key
     this.selectedRowKeys = []
     //選中的數(shù)據(jù)的key重新賦值給selectedRowKeys
     this.selectedRowKeys.push(selectNumber)
    }
    //獲取選中的數(shù)據(jù)詳細信息
    this.selectedRows = selectedRows[0]

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

以上這篇vue之a(chǎn)-table中實現(xiàn)清空選中的數(shù)據(jù)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

vue中?render?函數(shù)功能與原理分析
這篇文章主要介紹了vue中?render?函數(shù)功能與原理,結合實例形式分析了vue中render函數(shù)的基本功能、原理及相關操作注意事項,需要的朋友可以參考下
2023-06-06
Vue組件之高德地圖地址選擇功能的實例代碼
這篇文章主要介紹了Vue組件之高德地圖地址選擇功能的實例代碼,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下
2019-06-06
vue element 多圖片組合預覽的實現(xiàn)
本文主要介紹了vue element多圖片預覽實現(xiàn)的相關資料,最近的項目中有圖片預覽的場景,本文就來介紹一下如何使用,感興趣的可以了解一下
2023-08-08
從0到1構建vueSSR項目之node以及vue-cli3的配置
這篇文章主要介紹了從0到1構建vueSSR項目之node以及vue-cli3的配置，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2019-03-03
vue中swiper開啟loop后,點擊事件不響應的解決方案
這篇文章主要介紹了vue中swiper開啟loop后,點擊事件不響應的解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-09-09
Vuex中this.$store.commit()和this.$store.dispatch()區(qū)別說明
這篇文章主要介紹了Vuex中this.$store.commit()和this.$store.dispatch()區(qū)別說明，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-04-04
vue項目安裝使用vconsole方式
這篇文章主要介紹了vue項目安裝使用vconsole方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-11-11
Vue?動畫效果、過渡效果的示例代碼
這篇文章主要介紹了Vue?動畫效果、過渡效果,本文通過示例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2022-04-04
使用vue-router在Vue頁面之間傳遞數(shù)據(jù)的方法
這篇文章主要介紹了使用vue-router在Vue頁面之間傳遞數(shù)據(jù)的方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2019-07-07
Vue路由跳轉問題記錄詳解
本篇文章主要介紹了Vue路由跳轉問題記錄詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-06-06