首页 > 其他 > 详细

element 表格跨页支持多选

时间:2021-06-19 14:58:17      阅读:52      评论:0      收藏:0      [点我收藏+]

html

 <el-table v-loading="listLoading"
              :data="dataList"
              ref="activityTable"
              :header-cell-style="{ background: ‘#f5f7fa‘ }"
              element-loading-text="拼命加载中"
              @selection-change="list => (selectList = list)"
              border
              :row-key="(row) => {return row.id}"
              height="400"
              @row-click="handleRowClick"
              highlight-current-row>
      <el-table-column type="selection"
                       :reserve-selection="true"></el-table-column>
      <el-table-column label="商品编码"
                       align="center"
                       prop="goodsSn"></el-table-column>
    </el-table>



注:
  handleRowClick (row, column, event) {
      this.$refs.activityTable.toggleRowSelection(row);
    },

清楚选中效果 

 this.$refs.activityTable.clearSelection()  //清空选中

 

element 表格跨页支持多选

原文:https://www.cnblogs.com/xiaoxiao2017/p/14902798.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!