微信小程序 列表渲染多层嵌套循环

本文探讨了微信小程序中WXML的多层循环渲染,强调了在列表动态变化或新增项目时使用`wx:key`来保持项目状态的重要性。`wx:key`的两种赋值方式,即通过item的唯一属性或直接使用`*this`,有助于提高渲染效率并避免警告。通过合理使用`wx:key`,可以确保组件在数据更新时正确排序和重用,从而保持组件状态并优化列表渲染性能。
摘要由CSDN通过智能技术生成
  /**
   * 页面的初始数据
   */
  data: {
    newslist: [
      {
        time: '今天',
        list: [
          {
            title: 'EOS主网启动直播',
            id: '12131',
          },
          {
            title: '微信小程序测试呀  测试呀',
            id: '22144',
          },
        ]
      },
      {
        time: '昨天',
        list: [
          {
            title: '框架提供丰富的微信原生AP',
            id: '12324',
          },
          {
            title: '方便的调起微信提供的能力,如获取用户信息,本地存储,支付功能等',
            id: '25436',
          },
        ]
      }
    ]
  },

wxml多层循环

<view class="container">
  <view class='mainbox'&g
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

刺心疯

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值