vue之a-table中实现清空选中的数据
时间:2021-04-16 08:25:19|栏目:vue|点击: 次
如下所示:
<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打包后访问静态资源路径问题
栏 目:vue
下一篇:解决v-for中使用v-if或者v-bind:class失效的问题
本文地址:http://www.codeinn.net/misctech/102415.html