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 },