vue之a-table中实现清空选中的数据
(编辑:jimmy 日期: 2024/12/29 浏览:3 次 )
如下所示:
<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中实现清空选中的数据就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
下一篇:vue实现将一个数组内的相同数据进行合并