Vue. 之 Element获取table中选中的行

　　问题描述：

　　　　如下截图，在Table中选择数据后，然后在点击“统计”按钮，获取Table表中选择的行

　　解决方案:

　　1. 给“统计”这个按钮添加一个点击事件：

　　　　代码: <el-button type="primary" size="small" plain @click="itsmTableCountSelect"><i class="el-icon-s-data"></i> 统计</el-button>

　　2. 在<script></script>中的methods添加方法

　　　　代码：

 itsmTableCountSelect() {

                 console.log('获取统计');

                 const _selectData = this.$refs.itsmDataTable.selection

                 console.log(_selectData);

                 const _msg = '你选中了 [ ' + _selectData.length + ' ] 条数据.';

                 this.$notify.info({

                     title: '消息',

                     message: _msg

                 });

             },

Vue. 之 Element获取table中选中的行的更多相关文章

VUE -- 对 Element UI table中数据进行二次处理
时间——日期后台经常给我们返回的是时间戳 (例如:1535620671) 这时候我们页面展现的时候需要将时间戳转换为我们要的格式例如 (YYYY-MM-DD HH:mm:ss) 如果是在Elem ...
用JavaScript，获取Table中指定的行、列
前言: 先要谢谢George Wing的慷慨赠书<悟透JavaScript>,让我更加感受到了技术交流的重要性,呵呵~ 进入正题,面试题中有一题:如何通过JavaScript获取Table ...
JavaScript实现获取table中某一列的值
JavaScript实现获取table中某一列的值 1.实现源代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional/ ...
js循环获取table中的值
<script type="text/javascript"> function getTdValue() { var tableId = document.getEl ...
JavaScript获取table中某一列的值的方法
1.实现源码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www. ...
C#+ArcGIS Engine 获取地图中选中的要素
转自 C#+ArcGIS Engine 获取地图中选中的要素 C#+ArcGIS Engine 获取地图中选中的要素提供一种简单遍历获取地图中选中要素的方法,代码如下: List<IFeatu ...
【2017-06-29】在登录页面自动返回上次请求页面、Js获取table中的行数与列数
一.在登录页面自动返回上次请求页面 Request.UrlReferrer比如 if (Request.UrlReferrer != null) { //如果能获取来路地址 Response.Redi ...
如何获取jqGrid中选择的行的数据
原文地址:http://hi.baidu.com/feifan3211/item/c5831f44158761a5df2a9fc1 如何获取jqGrid中选择的行的数据? 下面可以获取选择一行的id, ...
获取jqGrid中选择的行的数据以及 jqGrid获得所有行数据的方法
获取jqGrid中选择的行的数据: 获取选择一行的id,如果你选择多行,那下面的id是最后选择的行的id: 1 var id=$('#gridTable').jqGrid('getGridPara ...

随机推荐

07-img和a标签
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
NIO的学习总结
1.简单画的NIO流程图 2.代码实现编程: Client: package nio; import java.io.IOException; import java.net.InetSocketAd ...
Android 开发 AudioRecord音频录制
前言 Android SDK 提供了两套音频采集的API,分别是:MediaRecorder 和 AudioRecord,前者是一个更加上层一点的API,它可以直接把手机麦克风录入的音频数据进行编码压 ...
【codeforces 508D】Tanya and Password
[题目链接]:http://codeforces.com/problemset/problem/508/D [题意] 给你一个字符的所有连续3个的子串; 让你复原出原串; (包含小写.大写字母以及数字 ...
vbox搭建centos常用技巧
初始化 :vbox系统网络连接方式用桥接 :ping不通,请修改/etc/sysconfig/network-scripts/ifcfg-eth0 ONBOOT=no 改成 ONBOOT=yes 然后 ...
Miller Rabin算法学习笔记
定义: Miller Rabin算法是一个随机化素数测试算法,作用是判断一个数是否是素数,且只要你脸不黑以及常数不要巨大一般来讲都比$O(\sqrt n)$的朴素做法更快. 定理: Miller ...
常用 docker 容器使用
mongo: 单点 docker run -idt --name=mongo --restart=always -p : -v /home/hylas/opt/mongo/data:/data/db ...
mysql中的字符集和校对规则（mysql校对集）
1.简要说明介绍字符集和校对规则字符集是一套符号和编码.校对规则是在字符集内用于比较字符的一套规则. MySql在collation提供较强的支持,oracel在这方面没查到相应的资料. 不同字符 ...
修改maven本地库路径
1.打开maven的安装路径:${M2_HOME}/conf/setings.xml文件 2.找到<localRepository>项,将它的值修改就可以了,我修改的是:${M2_HOME ...
HTML,CSS,JS优化
HTML部分语义化HTML:好处在于可以使代码简洁清晰,支持不同设备,利于搜索引擎,便于团队开发: 减少DOM节点:加速页面渲染: 给图片加上正确的宽高值:这可以减少页面重绘,同时防止图片缩放: 防 ...

Vue. 之 Element获取table中选中的行

Vue. 之 Element获取table中选中的行

Vue. 之 Element获取table中选中的行的更多相关文章

随机推荐

热门专题