先看页面:开始的需求是列表形式展示房间 拿到的数据结构是:
roomList=[
{
floor:10,
code:'A1001',
status:'离开'},
{
floor:10,
code:'A1002',
status:'离开'},
{
floor:11,
code:'A1101',
status:'干净'},
{
floor:11,
code:'A1102',
status:'打扫'},
]
按照下面的方式展示 其实还挺容易的 ,遍历就可以,但是…

现在需要展示成下面的样子:

本文介绍如何使用uni-app对前端数据进行处理,将酒店相同楼层的房间整合到一个数组中,以实现特定的展示效果。原始数据以列表形式存在,通过遍历和逻辑操作,成功转换为新的展示格式,红色框内的部分被封装为独立组件。
最低0.47元/天 解锁文章
378

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



