ElementPlus+vue3 动态合并单元格

文章讲述了如何在IT系统中配置优惠活动时,通过API获取并处理优惠券包数据,包括二维数组降维、合并重复行以便于表格展示的过程。

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

效果图:

需求:配置优惠活动优惠券包,一个活动可以配置一张或者多张优惠券 

 数据支持:

{
                "id": 9, //活动id
                 ...,
                "coupon_pack": [
                    {
                        "id": 19, //券包的id
                        "coupon_id": 9,
                        ...
                    },
                    {
                        "id": 20, //券包的id
                        "coupon_id": 9,
                        ...
                    }
                ],
 
            },

代码实现:

1.调用接扣获取数据 将二维数组降维成一维数组

//降维的方法
const showList = (list: any[]) => {
	const mergeList = ref<any[]>([]) //合并后的列表
	let newItem = {} as any
	l
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值