小程序之列表渲染

实例:

//helloworld.wxml

<view wx:for="{{array}}">

{{index}}:{{item.message}}

</view>


//helloworld.js

Page({

  data:{

    array:[{

      message:'foo',

    },

    {

    message:'bar'

    }]})

运行结果:




在组件view使用控制属性wx:for绑定一个数组,即可使用数组中各项的数据重复渲染该组件。默认数组的当前项的下标变量名默认为index,数组当前项的变量名默认为item。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 微信小程序地址:https://developers.weixin.qq.com/miniprogram/dev/...
    奶酪凌阅读 1,358评论 0 0
  • 一:理解视图层 类似于“视图引擎模板”(jsp,freemaker,velocity,thymeleaf等) 框...
    Reg8888阅读 1,670评论 1 0
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 177,407评论 25 709
  • 明天,爸爸就回东北老家了,晚上再给你包顿饺子吧? 我最喜欢吃三鲜馅饺子。辛苦老爸了,上班去了啊!bai...
    家乡雪韵阅读 541评论 0 6
  • 其实看到初级成绩的时候就又开始怀疑自己了,大学到现在还是一个证书都没有考出来,很失败了……很沮丧,但是沮丧又有什么...
    做一个会写诗的女子阅读 250评论 0 0

友情链接更多精彩内容