vue之a-table中实现清空选中的数据
更新时间:2019年11月07日 15:35:29 作者:ljljlj1993
今天小编就为大家分享一篇vue之a-table中实现清空选中的数据,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
如下所示:
<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项目页面的打印和下载PDF加loading效果的实现(加水印)
这篇文章主要介绍了vue项目页面的打印和下载PDF加loading效果的实现(加水印),具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教2022-12-12
最新评论