vue之a(chǎn)-table中實(shí)現(xiàn)清空選中的數(shù)據(jù)
更新時(shí)間：2019年11月07日 15:35:29 作者：ljljlj1993
今天小編就為大家分享一篇vue之a(chǎn)-table中實(shí)現(xiàn)清空選中的數(shù)據(jù)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
如下所示：
<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ù)詳細(xì)信息
this.selectedRows = selectedRows[0]
},}
,
watch: {}
,
mounted() {
}
}
</script>
以上這篇vue之a(chǎn)-table中實(shí)現(xiàn)清空選中的數(shù)據(jù)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了vue中?render?函數(shù)功能與原理,結(jié)合實(shí)例形式分析了vue中render函數(shù)的基本功能、原理及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2023-06-06
這篇文章主要介紹了Vue組件之 高德地圖地址選擇功能的實(shí)例代碼,非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-06-06
vue element 多圖片組合預(yù)覽的實(shí)現(xiàn)
本文主要介紹了vue element多圖片預(yù)覽實(shí)現(xiàn)的相關(guān)資料,最近的項(xiàng)目中有圖片預(yù)覽的場景,本文就來介紹一下如何使用,感興趣的可以了解一下2023-08-08
從0到1構(gòu)建vueSSR項(xiàng)目之node以及vue-cli3的配置
這篇文章主要介紹了從0到1構(gòu)建vueSSR項(xiàng)目之node以及vue-cli3的配置，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-03-03
vue中swiper開啟loop后,點(diǎn)擊事件不響應(yīng)的解決方案
這篇文章主要介紹了vue中swiper開啟loop后,點(diǎn)擊事件不響應(yīng)的解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-09-09
Vuex中this.$store.commit()和this.$store.dispatch()區(qū)別說明
這篇文章主要介紹了Vuex中this.$store.commit()和this.$store.dispatch()區(qū)別說明，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
這篇文章主要介紹了vue項(xiàng)目安裝使用vconsole方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-11-11
這篇文章主要介紹了Vue?動(dòng)畫效果、過渡效果,本文通過示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-04-04
使用vue-router在Vue頁面之間傳遞數(shù)據(jù)的方法
這篇文章主要介紹了使用vue-router在Vue頁面之間傳遞數(shù)據(jù)的方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-07-07
本篇文章主要介紹了Vue路由跳轉(zhuǎn)問題記錄詳解，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-06-06