问题描述:

    如下截图,在Table中选择数据后,然后在点击“统计”按钮,获取Table表中选择的行

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

  解决方案:

  1. 给“统计”这个按钮添加一个点击事件:

    代码: <el-button type="primary" size="small" plain  @click="itsmTableCountSelect"><i class="el-icon-s-data"></i> 统计</el-button> 

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

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

 

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-08-28
  • 2022-12-23
  • 2021-10-30
  • 2022-12-23
  • 2021-12-06
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-04-14
  • 2021-08-14
  • 2022-12-23
相关资源
相似解决方案