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