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中多个有顺序要求的异步操作处理

    详解vue中多个有顺序要求的异步操作处理

    这篇文章主要介绍了vue中多个有顺序要求的异步操作处理,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-10-10
  • 详解vue引入子组件方法

    详解vue引入子组件方法

    在本文中小编给大家分享的是关于vue引入子组件方法和先关注意点,有需要的朋友们可以学习下。
    2019-02-02
  • vue如何从后台下载.zip压缩包文件

    vue如何从后台下载.zip压缩包文件

    这篇文章主要介绍了vue如何从后台下载.zip压缩包文件,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-09-09
  • Vue如何使用混合Mixins和插件开发详解

    Vue如何使用混合Mixins和插件开发详解

    这篇文章主要介绍了Vue如何使用混合Mixins和插件开发详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-02-02
  • VueX模块的具体使用(小白教程)

    VueX模块的具体使用(小白教程)

    这篇文章主要介绍了VueX模块的具体使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-06-06
  • vue粘贴复制功能的实现过程记录

    vue粘贴复制功能的实现过程记录

    最近在项目中遇到点击按钮复制链接功能,所以这篇文章主要给大家介绍了关于vue粘贴复制功能的实现过程,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
    2022-03-03
  • vue图片懒加载的两种方法详解

    vue图片懒加载的两种方法详解

    懒加载是一种网页优化技术,也被称为延迟加载,它的主要目的是在网页加载时,只加载当前可见区域内的内容,而延迟加载其他不可见区域的内容,从而提高网页的加载速度和性能,这篇文章主要介绍了vue图片懒加载的两种方法,需要的朋友可以参考下
    2023-07-07
  • vue计算属性和监听器实例解析

    vue计算属性和监听器实例解析

    本文通过基本实例给大家介绍了vue计算属性和监听器的相关知识,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-05-05
  • vue项目页面的打印和下载PDF加loading效果的实现(加水印)

    vue项目页面的打印和下载PDF加loading效果的实现(加水印)

    这篇文章主要介绍了vue项目页面的打印和下载PDF加loading效果的实现(加水印),具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-12-12
  • 详解Vue与VueComponent的关系

    详解Vue与VueComponent的关系

    这篇文章主要为大家介绍了Vue与VueComponent的关系,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2021-12-12

最新评论