vue + element Table的数据多选,多页选择数据回显,分页记录保存选中的数据。

这篇博客介绍了如何在Vue.js项目中使用Element UI的Table组件实现数据多选和多页选择,并进行数据回显。通过监听`@selection-change`事件,将选中的行数据存储在`sessionStorage`中。在页面跳转或刷新时,通过获取`sessionStorage`中的数据来恢复选中状态。博主分享了具体的JS代码实现,并提供了个人经历和学习资源推荐。
摘要由CSDN通过智能技术生成

<el-table ref=“multipleTable” :data=“goodslist” tooltip-effect=“dark” @selection-change=“handleSelection” >

{ { scope.$index }}

2、js


这是回选操作

methods: {

toggleSelection(rows) {

console.log(‘rows’,rows)

if (rows) {

rows.forEach(row => {

// this.$refs.multipleTable.toggleRowSelection(row)

this.KaTeX parse error: Expected '}', got 'EOF' at end of input: …ck( ()=> {this.refs.multipleTable.toggleRowSelection(row);})

});

} else {

this.$refs.multipleTable.clearSelection();

}

},

}

点击选择或全选 。 this.current 是当前页码, 然后进行缓存

handleSelection(val) {

this.multipleSelection = val;

this.multipleSelectall[this.current] =

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值