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


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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM