vue+element框架中table表格复选框选中后,切换下一页之前选中复选框和数据消失的问题。
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
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))
大家多多指教。
GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:3 个月前 )
c345bb45
7 个月前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 7 个月前
更多推荐
已为社区贡献1条内容
所有评论(0)