前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >微信小程序 wx:for / wx:for-index / wx:for-item

微信小程序 wx:for / wx:for-index / wx:for-item

作者头像
码脑
发布2019-04-11 15:16:42
4.8K0
发布2019-04-11 15:16:42
举报
文章被收录于专栏:大前端大前端

        在开发中,我们经常会遇到展示列表数据的需求,在小程序中需要使用标签 wx:for / wx:for-index / wx:for-item 来实现相关功能,运行效果如下所示。         wx:for="{{mainListViewData}}" : 定义循环,数组名称为 mainListViewData          wx:for-index="mainListViewDataIndex" : 定义索引值的名称 mainListViewDataIndex         wx:for-item="mainListViewDataItem" : 定义索引值对应项名称 mainListViewDataItem

实现步骤( 分2部分 .wxml 和 .js  ) 1.  在 .wxml 文件中定义 列表与别名

2. 在 .js 文件中创建 数组与赋值

完毕

好汉留步!
何不仗义点个赞后再走,多谢~
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018.12.11 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

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

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

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 好汉留步!
  • 何不仗义点个赞后再走,多谢~
相关产品与服务
云开发 CloudBase
云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档