码迷,mamicode.com
首页 > 其他好文 > 详细

elementUITable的多选框:分页选择数据回显,分页保存选中的数据。

时间:2019-05-09 19:53:39      阅读:1784      评论:0      收藏:0      [点我收藏+]

标签:分页   get   多选   rip   turn   table   hand   多选框   temp   

<template>
    <el-table @selection-change="handleSelectionChange" :row-key="getRowKeys">
        <!--type必须是selection的一列设置reserve-selection属性-->
      <el-table-column type="selection" :reserve-selection="true" width="40" align="center"></el-table-column>
      <el-table-column props="name" align="center"></el-table-column>
    </el-table>
</template>

<script>
     export default {
         data: {
             selection:[{name: ‘张三‘, id: 1}, {name: ‘李四‘, id: 2}]
         },
         methods: {
             handleSelectionChange (val) {
                 this.selection = val;
             },
             getRowKeys (row) {
                 return row.id; // id为列表数据的唯一标识
             }
         }
     }
</script>

 

elementUITable的多选框:分页选择数据回显,分页保存选中的数据。

标签:分页   get   多选   rip   turn   table   hand   多选框   temp   

原文地址:https://www.cnblogs.com/zhaoxiaoying/p/10840405.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!