element-ui 组件的 table 多选
来源:互联网 发布:淘宝开服装店教程 编辑:程序博客网 时间:2024/05/29 16:05
需求(这样的需求挺无赖的。。。):
- 表格多选
- 支持翻页
当前页全选
注:翻页时需要把上一次当前页点击的选项选中, 可以实现但是性能不好(每次点击都需要双重循环)。
效果如下:
方法: 单击事件和全选事件
一、 单击事件,2个参数(selection,row):
- selection: 当前页所有打钩的
- row: 当前点击的行
通过这两个参数可以判断,当前点击是打钩还是取消打钩
二、 全选/取消全选,1个参数(selection):
- selection 所有打钩的
通过 length 可以判断,当前点击是全选还是取消全选
for(var i = hasSelected.length-1; i >=0; i--){ for(var k = 0; k < mangerDatas.length; k++){ if(hasSelected[i].id == mangerDatas[k].id){ hasSelected.splice(i,1); break; } }};
实现打钩:
this.$refs.multipleTable.toggleRowSelection(this.$store.state.mangerDatas[i]);
阅读全文
0 0
- element-ui 组件的 table 多选
- element UI table表格组件使用[超级完整功能]
- element ui 的树形组件上手
- 使用Element-ui的Table时表格不能显示问题
- vue element-ui dialog组件
- 修改element-ui组件样式
- VUE2.0+Element-UI+Echarts封装的组件
- 基于element-ui封装的分页组件,功能齐全。
- element-ui组件走马灯的setActiveItem方法(手动切换幻灯片)
- vue element-ui table表格滚动加载
- vue element ui table导出Excel表格
- 姚博文 几个常用的UI组件(树形菜单,table,validata)
- element ui下拉组件command传输对象
- Element-ui时间联动组件优化
- vue2.0的Element UI的表格table列时间戳格式化
- vue2.0的Element UI的表格table列时间戳格式化
- vue2.0的Element UI的表格table列时间戳格式化
- 在element UI的table中利用moment实现时间相减
- Centos6搭建git
- Android webview 清除历史访问记录
- ActiveMQ在分布式系统作用和安装
- Java容器HashMap源代码解析
- ROC曲线
- element-ui 组件的 table 多选
- C++/MFC-List Control(图标、报表、列表)风格
- Html和CSS学习总结
- 排序算法之直接插入排序
- DPM——训练源码分析
- MySQL 事务介绍及使用
- Ambari2.5.0与HDP2.6.0集群安装配置
- 2 分钟读懂大数据框架 Hadoop 和 Spark 的异同
- uncompyle的使用(python的pyc文件还原py)