小程序学习记录:显示数组内容2

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/bq_cui/article/details/82934266

原文在这里:https://blog.csdn.net/michael_ouyang/article/details/55049387

index.js:

//index.js
//获取应用实例
const app = getApp()

Page({
  data: {
    arr: [{ text: "青青园中葵" }, {text: "朝露待日晞"}, {text: "阳春布德泽"}, {text:"万物生光辉"}]
  },
  //事件处理函数
  bindViewTap: function() {
    wx.navigateTo({
      url: '../logs/logs'
    })
  },
  onLoad: function () {

  }
})

index.wxml:

<!--index.wxml-->
<view class="container">

  <block wx:for="{{arr}}">
    <!-- <view >{{item}}</view> -->
    <view >{{index}}:{{item.text}}</view>
  </block>

</view>

对 index.wxml 略作修改,效果是一样的:

<!--index.wxml-->
<view class="container">

  <block wx:for="{{arr}}" wx:for-index="idx" wx:for-item="itname">
    <!-- <view >{{item}}</view> -->
    <view >{{idx}}:{{itname.text}}</view>
  </block>

</view>

就是说,wx:for-index 和 wx:for-item 可以修改默认名称(index,item)为其他名称。

猜你喜欢

转载自blog.csdn.net/bq_cui/article/details/82934266