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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM