微信小程序中for循环的使用

最新推荐文章于 2024-04-26 22:20:30 发布

前端技术负责人

最新推荐文章于 2024-04-26 22:20:30 发布

阅读量1.5k

点赞数

分类专栏：小程序文章标签：小程序

本文链接：https://blog.csdn.net/weixin_43837268/article/details/98735240

版权

小程序专栏收录该内容

34 篇文章 0 订阅

订阅专栏

index.wxml

<!--index.wxml-->
<view class="container">
  <block wx:if="{{userId==123}}">
    <view wx:for="{{array}}" wx:for-item="item" wx:key="index">
      <text id="message-{{index}}">{{index}} - {{item.message}}</text>
    </view>
  </block>
</view>

index.js

//index.js
//获取应用实例
const app = getApp()
Page({
  data: {
    motto: 'Hello World1',
    userId: '123',
    show:false,
    array:[{
        message: 'hello'
      },
      {
        message: 'world'
      },
      {
        message: '!'
      },
    ]
  },
  onLoad: function () {
  },
  onShow: function(){
    // app.globalData.userInfo="wxopen.club";
  }
})