实现点击选择按钮时候选中多行,当点击某一行单元格时候就清除其他选中行

<el-table :data="data" showOverflowTooltip ref="multipleTable" @selection-change="handleSelectionChange" @row-click="rowClick" border style="width: 100%">

:data="data" :绑定到后台数据中取得的值。

ref="multipleTable":为了后面的 rowClick中使用

@selection-change :当选择项发生变化时会触发该事件 传入一个参数,这个参数是一个数组,就是你选择的哪一些项的对象数组。

handleSelectionChange(val) {

this.multipleTable = val;

},

@row-click: 当某一行被点击时会触发该事件 实现当点击某一行时其他选中的行都将不选中,只选中点击的哪行

rowClick(row, event, column){

this.toggleSelection(row);

},

toggleSelection(rows) {

if (this.multipleTable.length>0) {

this.$refs.multipleTable.clearSelection();

}

this.$refs.multipleTable.toggleRowSelection(rows);

},

实现点击选择按钮时候选中对应选中的行,当点击某一行单元格时候就清除其他选中行然后选中对应点击的那一行相关推荐

  1. 计算机表格怎么同时选中分开的两项,excel怎么把三个单元格分成两个

    1. excel表 三个表格合并后怎么拆分成两个 1.首先我们鼠标点击选中要拆分的大单元格 2.然后鼠标右击它,在在弹出的选项点击[设置单元格格式] 3.接着我们点击窗口上端的[对齐] 4.现在我们把 ...

  2. html单元格点击后填充颜色,如何实现WPS表格里点击某个单元格后该单元格变成制定颜色?...

    输入指定内容整行自动变颜色 如图是一个统计数据的表格,我们要做的是让部门列(B列)输入策划部的行自动变为蓝色. WPS表格技巧-输入指定内容整行自动变颜色 待输入数据的表格 首先我们选中整个表格,单击 ...

  3. 【表格单元格可编辑】vue-elementul简单实现table表格点击单元格可编辑,点击单元格变成弹框修改数据

    前言 这是继我另一个帖子就是单元格点击变成输入框后添加的功能 因为考虑到有些时候修改单元格的信息可能点击后要修改很多,那一个输入框不好用 所以这时候就需要一个弹框可以把所有表单都显示出来修改 所以这里 ...

  4. 右键点击DataGridView的行时,将选中行改为点击的行

    右键点击DataGridView的行时,将选中行改为点击的行 private void dgvDetail_CellMouseDown(object sender, DataGridViewCellM ...

  5. Excel选中图片图片在单元格自动居中支持多选

    经常要做表,每个产品/条目都需要一个图片,图片填加进来后还需要调整大小,位置,产品一多图片整体看起来总是歪歪扭扭的,有没有办法解决呢?有,用VBA,写个小程序,在EXCEL里插入一个命令按钮,选中图片 ...

  6. 使复选框选中_勾选复选框单元格变色,自动计数,在Excel中是如何实现的?

    Excel中,我们经常会使用复选框来打勾打叉,这是复选框最基本的功能,相信很多小伙伴都会,但今天我跟大家分享的是复选框的其他操作技巧,勾选复选框变色,统计人数. 下图中,我们要利用复选框是否打钩来确定 ...

  7. Office Excel阅读模式(记忆和高亮选中的单元格)的两种方法

    金山WPS上非常好用的阅读模式,到了微软Office上就就没有了,很是心痛. 然而网上搜到的Office阅读模式,要么需要用到插件(比如"方方格子"的"聚光灯" ...

  8. 选取单元格区域和选中整个单元格的技巧:

    选中我们所用表格的其中一个单元格,然后向任意键方向拖动鼠标既可选择一块连续的单元格区域: 另外选中要选择的第一个单元格,然后按[shift]键的同时选中最后一个单元格,也可以选中连续的单元格区域. 假 ...

  9. excel vba怎么获得当前选中单元格

    获取代码如下 Sub Worksheet_SelectionChange(ByVal Target As Range)[a5] = ActiveCell.Cells '获取选中单元格内容[a6] = ...

最新文章

  1. linux安装python库报错pywin32,Linux windows安装paramiko模块
  2. Qt模型、视图解读之视图
  3. 【AI超级美发师】深度学习算法打造染发特效(附代码)
  4. mysql ignore 1 lines_MYSQL使用笔记(1)
  5. LeetCode 467. 环绕字符串中唯一的子字符串(思维转换)
  6. js:插入节点appendChild insertBefore使用方法
  7. 3.07 检测两个表中是否有相同的数据
  8. C++之保护和私有构造函数与析构函数
  9. HTTP基础(图解HTTP笔记)幕布
  10. 有的浏览器可以直接打开rtsp,有的不能
  11. 全国行政区划代码/全国城市代码
  12. 【Python】从0到1:30行代码制作表白窗口!(可直接copy + 运行哦~)
  13. H5唤醒Android App
  14. uniapp 学习笔记三十 结算页面结构搭建地址列表页面结构搭建
  15. 机房巨佬的随机名称生成器
  16. groovy curry的用处
  17. 什么是FBO (Frame Buffer Object)
  18. C# 中DataGridView 表头设置
  19. Landsat Collection 2 T1一级数据详细介绍(数据处理过程和几何精度)
  20. Linux文件搜索命令find、which和whereis应用

热门文章

  1. python把字典保存到文件_将Python字典保存到文件中,并定期更新它
  2. 冲突5种常用的解决方法
  3. 淘宝京东APP节日更新布局 实现方式
  4. [翻译] Dremel made simple with Parquet
  5. 蚂蚁金服 CTO 程立新加坡演讲:小蚂蚁是如何“爬”上区块链的?
  6. GPU显存占满利用率GPU-util为0
  7. poky linux初探 -- 添加自己的内核食谱
  8. Unity制作自己的Project Template
  9. js 使用百度翻译api demo
  10. 快手极速版——青龙羊毛