vue+element框架中table表格复选框选中后,切换下一页之前选中复选框和数据消失的问题。
1问题描述:在列表中选中的情况下,切换到下一页,选中会消失。2解决方式:直接上代码1) <el-tableref="multipleTable"border:data="tableData"tooltip-effect="dark"@cell-click="jumpDetails"element-loading-text="拼命加...
·
1问题描述:
在列表中选中的情况下,切换到下一页,选中会消失。
2解决方式:
直接上代码
1) <el-table ref="multipleTable" border :data="tableData" tooltip-effect="dark" @cell-click="jumpDetails" element-loading-text="拼命加载中……" @select="handleSelectionChange" :row-key="rowKey" v-loading='loading'> <el-table-column :reserve-selection="true" type="selection" > </el-table-column> </el-table>
2)
rowKey(row) { // console.log('================:', JSON.stringify(row)) return row.id }, handleSelectionChange(val) { // 选中的 当前条 数据 // this.multipleSelection = val; // 这是一个数组 console.log(val); },
3) 主要就是在 el-table
标签上添加 :row-key="rowKey" 和 el-table-column
标签上 添加: :reserve-selection="true"。
(
仅对 type=selection 的列有效,类型为 Boolean,为 true 则会在数据更新之后保留之前选中的数据(需指定 row-key))
大家多多指教。
更多推荐
已为社区贡献3条内容
所有评论(0)