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 相关文章推荐
一个加载js文件的小脚本
Jun 28 Javascript
jQuery 学习6 操纵元素显示效果的函数
Feb 07 Javascript
js 限制数字 js限制输入实现代码
Dec 04 Javascript
js获得参数的getParameter使用示例
Feb 26 Javascript
向JavaScript的数组中添加元素的方法小结
Oct 24 Javascript
利用vue-router实现二级菜单内容转换
Nov 30 Javascript
浅析JavaScript的几种Math函数,random(),ceil(),round(),floor()
Dec 22 Javascript
原生js和css实现图片轮播效果
Feb 07 Javascript
Express + Node.js实现登录拦截器的实例代码
Jul 01 Javascript
Javascript三种字符串连接方式及性能比较
May 28 Javascript
Vue 微信端扫描二维码苹果端却只能保存图片问题(解决方法)
Jan 19 Javascript
JS前端canvas交互实现拖拽旋转及缩放示例
Aug 05 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分页函数
2006/07/08 PHP
PHP 5.3.0 安装分析心得
2009/08/07 PHP
Yii Framework框架获取分类下面的所有子类方法
2014/06/20 PHP
优化WordPress中文章与评论的时间显示
2016/01/12 PHP
PHP完全二叉树定义与实现方法示例
2017/10/09 PHP
php操作redis常见方法示例【key与value操作】
2020/04/14 PHP
JavaScript动态创建div等元素实例讲解
2016/01/06 Javascript
JQuery获取鼠标进入和离开容器的方向
2016/12/29 Javascript
详解nodeJS中读写文件方法的区别
2017/03/06 NodeJs
js数组实现权重概率分配
2017/09/12 Javascript
input 标签实现输入框带提示文字效果(两种方法)
2017/10/09 Javascript
基于redis的小程序登录实现方法流程分析
2020/05/25 Javascript
Python类的专用方法实例分析
2015/01/09 Python
Python的装饰器用法学习笔记
2016/06/24 Python
详解Python装饰器由浅入深
2016/12/09 Python
python数字图像处理之高级滤波代码详解
2017/11/23 Python
Java分治归并排序算法实例详解
2017/12/12 Python
运用TensorFlow进行简单实现线性回归、梯度下降示例
2018/03/05 Python
python pandas dataframe 行列选择,切片操作方法
2018/04/10 Python
对python3 一组数值的归一化处理方法详解
2018/07/11 Python
pandas 根据列的值选取所有行的示例
2018/11/07 Python
python time.sleep()是睡眠线程还是进程
2019/07/09 Python
Python各种扩展名区别点整理
2020/02/27 Python
python matplotlib.pyplot.plot()参数用法
2020/04/14 Python
基于django micro搭建网站实现加水印功能
2020/05/22 Python
深入了解Python 变量作用域
2020/07/24 Python
Appium+Python实现简单的自动化登录测试的实现
2021/01/26 Python
美国潜水装备、水肺潜水和浮潜设备商店:Leisure Pro
2018/08/08 全球购物
咖啡店自主创业商业计划书
2014/01/22 职场文书
酒店经理职责
2014/01/30 职场文书
高中生个性发展自我评价
2015/03/09 职场文书
民事撤诉申请书范本
2015/05/18 职场文书
消防安全培训工作总结
2015/10/23 职场文书
小学五年级班主任工作经验交流材料
2015/11/02 职场文书
2019年描写人生经典诗句大全
2019/07/08 职场文书
SpringCloud的JPA连接PostgreSql的教程
2021/06/26 Java/Android