首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >134 - 修炼 - 小程序的知识点06

134 - 修炼 - 小程序的知识点06

作者头像
用户1335799
发布2021-02-03 12:04:01
1840
发布2021-02-03 12:04:01
举报

你好呀,上周的时候,主要聊了聊“数据绑定”是什么,这次咱们来聊一聊WXML的一个小知识点“列表渲染”。

所谓的列表渲染,简单来说就是将数组用一种简洁的方式展现在前端。因此可以说它是一种前端数据的组织形式,用以展示数组中的数据。

那它怎么使用呢?首先要在JS中获得一个JSON格式的数组,然后通过这个数组的index来获取里面的具体数据。

<!-- a.js -->
Page({
  data:{
    persons: [
        {name: "唐玄奘" },
        {name: "孙悟空" },
        {name: "猪八戒" },
        {name: "沙悟净" },
        {name: "白龙马" }
    ]
  }
})

<!-- a.wxml -->
<view>
    <block wx:for="{{persons}}" wx:for-item="person" wx:key="index">
        <view>{{index}}:{{item.name}}</view>
    </block>
<view>
 
<!-- 页面效果 -->
0:唐玄奘
1:孙悟空
2:猪八戒
3:沙悟净
4:白龙马

这里是怀英的小茶馆,有空来坐坐。

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2021-01-21,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 怀英的自我修炼 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档