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

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添加方法

　　　　代码：

 1 itsmTableCountSelect() {
 2                 console.log('获取统计');
 3                 const _selectData = this.$refs.itsmDataTable.selection
 4                 console.log(_selectData);
 5                 const _msg = '你选中了 [ ' + _selectData.length + ' ] 条数据.';
 6                 this.$notify.info({
 7                     title: '消息',
 8                     message: _msg
 9                 });
10             },

扫描二维码关注公众号，回复： 6552055 查看本文章