uni-app 前端数据再处理(酒店相同楼层房间放在一个数组里面)

惠惠子~

于 2021-04-21 16:03:45 发布

阅读量286

点赞数

分类专栏： uni-app 文章标签： uni-app javascript

本文链接：https://blog.youkuaiyun.com/Gao_Chuanhui/article/details/115957184

版权

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

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

先看页面：开始的需求是列表形式展示房间拿到的数据结构是：

roomList=[
 {
   
 floor:10,
 code:'A1001',
 status:'离开'},
 {
   
 floor:10,
 code:'A1002',
 status:'离开'},
 {
   
 floor:11,
 code:'A1101',
 status:'干净'},
  {
   
 floor:11,
 code:'A1102',
 status:'打扫'},
]

按照下面的方式展示其实还挺容易的，遍历就可以，但是…
在这里插入图片描述

最低0.47元/天解锁文章