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ì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
如下所示:



<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ù)就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
Vue如何使用混合Mixins和插件開(kāi)發(fā)詳解
這篇文章主要介紹了Vue如何使用混合Mixins和插件開(kāi)發(fā)詳解,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-02-02
vue粘貼復(fù)制功能的實(shí)現(xiàn)過(guò)程記錄
最近在項(xiàng)目中遇到點(diǎn)擊按鈕復(fù)制鏈接功能,所以這篇文章主要給大家介紹了關(guān)于vue粘貼復(fù)制功能的實(shí)現(xiàn)過(guò)程,文中通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-03-03
vue計(jì)算屬性和監(jiān)聽(tīng)器實(shí)例解析
本文通過(guò)基本實(shí)例給大家介紹了vue計(jì)算屬性和監(jiān)聽(tīng)器的相關(guān)知識(shí),非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-05-05
vue項(xiàng)目頁(yè)面的打印和下載PDF加loading效果的實(shí)現(xiàn)(加水印)
這篇文章主要介紹了vue項(xiàng)目頁(yè)面的打印和下載PDF加loading效果的實(shí)現(xiàn)(加水印),具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-12-12

