vue之a-table中实现清空选中的数据


Posted in Javascript onNovember 07, 2019

如下所示:

vue之a-table中实现清空选中的数据

vue之a-table中实现清空选中的数据

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中实现清空选中的数据就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jquery实现点击TreeView文本父节点展开/折叠子节点
Jan 10 Javascript
复选框全选与全不选操作实现思路
Aug 18 Javascript
怎么选择Javascript框架(Javascript Framework)
Nov 22 Javascript
针对初学者的jQuery入门指南
Aug 15 Javascript
JS实现状态栏跑马灯文字效果代码
Oct 24 Javascript
利用Jquery队列实现根据输入数量显示的动画
Sep 01 Javascript
jQuery实现立体式数字滚动条增加效果
Dec 21 Javascript
微信小程序联网请求的轮播图
Jul 07 Javascript
echart简介_动力节点Java学院整理
Aug 11 Javascript
BootStrap TreeView使用实例详解
Nov 01 Javascript
vue组件化中slot的基本使用方法
May 01 Javascript
three.js显示中文字体与tween应用详析
Jan 04 Javascript
vue实现将一个数组内的相同数据进行合并
Nov 07 #Javascript
jQuery利用cookie 实现本地收藏功能(不重复无需多次命名)
Nov 07 #jQuery
ElementUI多个子组件表单的校验管理实现
Nov 07 #Javascript
构建Vue大型应用的10个最佳实践(小结)
Nov 07 #Javascript
Node配合WebSocket做多文件下载以及进度回传
Nov 07 #Javascript
vue 实现单选框设置默认选中值
Nov 07 #Javascript
js使用文档就绪函数动态改变页面内容示例【innerHTML、innerText】
Nov 07 #Javascript
You might like
PHP+MYSQL的文章管理系统(一)
2006/10/09 PHP
解析php中curl_multi的应用
2013/07/17 PHP
PHP curl CURLOPT_RETURNTRANSFER参数的作用使用实例
2015/02/07 PHP
codeigniter显示所有脚本执行时间的方法
2015/03/21 PHP
PHP面向对象程序设计类的定义与用法简单示例
2016/12/27 PHP
javascript 写类方式之十
2009/07/05 Javascript
Javascript 静态页面实现随机显示广告的办法
2010/11/17 Javascript
利用JQuery的load函数动态加载其它页面的内容的实现代码
2010/12/14 Javascript
js DOM 元素ID就是全局变量
2012/09/20 Javascript
ff下JQuery无法监听input的keyup事件的解决方法
2013/12/12 Javascript
新增加的内容是如何将div的scrollbar自动移动最下面
2014/01/02 Javascript
flash+jQuery实现可关闭及重复播放的压顶广告
2015/04/15 Javascript
jQuery移动页面开发中的触摸事件与虚拟鼠标事件简介
2015/12/03 Javascript
HTML页面定时跳转方法解析(2种任选)
2016/12/22 Javascript
JS字典Dictionary类定义与用法示例
2019/02/01 Javascript
如何用JavaScript实现功能齐全的单链表详解
2019/02/11 Javascript
Vue组件内部实现一个双向数据绑定的实例代码
2019/04/04 Javascript
详解vue中多个有顺序要求的异步操作处理
2019/10/29 Javascript
javascript实现简单页面倒计时
2021/03/02 Javascript
[06:16]第十四期-国士无双绝地翻盘之撼地神牛
2014/06/24 DOTA
python mysqldb连接数据库
2009/03/16 Python
Python实现的手机号归属地相关信息查询功能示例
2017/06/08 Python
详解python 拆包可迭代数据如tuple, list
2017/12/29 Python
利用python提取wav文件的mfcc方法
2019/01/09 Python
Pycharm之快速定位到某行快捷键的方法
2019/01/20 Python
python为QT程序添加图标的方法详解
2020/03/09 Python
html5指南-2.如何操作document metadata
2013/01/07 HTML / CSS
德国机车企业:FC-Moto
2017/10/27 全球购物
工作中的自我评价如何写好
2013/10/28 职场文书
写给老婆的检讨书
2014/02/21 职场文书
应急管理培训方案
2014/06/12 职场文书
2014年班组工作总结
2014/11/20 职场文书
2014年幼儿园班级工作总结
2014/12/17 职场文书
安全责任书
2015/01/29 职场文书
中秋联欢会主持词
2015/07/04 职场文书
一行代码python实现文件共享服务器
2021/04/22 Python