GitCode 开源社区

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