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ù)詳細(xì)信息 this.selectedRows = selectedRows[0] },} , watch: {} , mounted() { } } </script>
以上這篇vue之a(chǎn)-table中實現(xiàn)清空選中的數(shù)據(jù)就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
vue項目頁面的打印和下載PDF加loading效果的實現(xiàn)(加水印)
這篇文章主要介紹了vue項目頁面的打印和下載PDF加loading效果的實現(xiàn)(加水印),具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-12-12