总结后台不给操作数据的时候前端来操作

热心网友!

于 2019-10-24 09:39:11 发布

阅读量252

点赞数 1

CC 4.0 BY-SA版权

文章标签： vue element tab

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/weixin_44128575/article/details/102716046

本文分享了在Element UI框架下，如何为已有的Tab组件添加数据标识，以显示各Tab项对应的数据总量。通过前后端协作，利用qs.stringify进行数据格式转换，实现了对现有项目的非破坏性升级。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我遇到的是需要在每个tab按钮上加一个标识比如这个按钮拿到的是什么数据有多少条
后台给了一个total 就是总共多少条，但是这个项目是之前前端写的，用的element框架， tab栏是写死的
在这里插入图片描述
循环也是循环的死数据

项目都快完成了，那就只能顺着他来了。

后台接收的是以对象格式传过去然后用qs中的stringify拆分给他
在这里插入图片描述

查询也是按照这个字段来查询数据，所以我就循环比较每个直接把值给他。

如果从后台获取的数据呢，其实在data里直接声明对象或者数组就可以，没必要把属性名字也声明。

最后实现的效果就是这样
在这里插入图片描述

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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