当前位置: 首页 > news >正文

wx:for-item wx:for-index wx:for-key

wx:for-item

wx:for-item , 数组当前项的变量名,默认为 item
作用:使用 (当前项变量名.属性名) 取得属性值每一项

<view wx:for="{{array}}"><view>{{item.name + item.age }}</view>
</view>

等同于 (需要注意的是 item 不使用{{}} 括起) 

<view wx:for="{{array}}" wx:for-item="item"><view>{{item.name + item.age }}</view>
</view>

 赋值 (可随意命名)

<view wx:for="{{array}}" wx:for-item="info"><view>{{info.name + info.age }}</view>
</view>

wx:for-index

wx:for-index, 数组的当前项的下标变量名 , 默认为 index
作用:使用 (当前项变量名.属性名) 取得属性值每一项下标

<view wx:for="{{array}}"><view>{{item.name + item.age }}</view>
</view>

等同于 (需要注意的是 index 不使用{{}} 括起) 

<view wx:for="{{array}}" wx:for-index="index"><view>{{item.name + item.age }}</view>
</view>

 赋值 (可随意命名)

<view wx:for="{{array}}" wx:for-index="key"><view>{{key}}</view>
</view>
// 界面输出
// 0
// 1

wx:for-key

wx:for-key和wx:key一样,可以绑定自定义的变量;

<view wx:for="{{array}}" wx:key="index"><view>{{item.name + item.age }}</view>
</view>

等同于 (需要注意的是 key 不使用{{}} 括起)  

<view wx:for="{{array}}" wx:for-key="index"><view>{{item.name + item.age }}</view>
</view>
http://www.lryc.cn/news/224542.html

相关文章:

  • 老师还不会评课?这里有你需要的解决方案
  • Talk | 马里兰大学博士生吴曦旸:分布式多智能体强化学习在复杂交通轨迹规划中的应用
  • 2023年下半年架构案例真题及答案
  • Java必考面试题,谈谈你对 Spring AOP 的理解
  • BERT和ChatGPT简单对比
  • 又一重要合作,创邻科技华为云联营产品正式发布
  • PHP+Swoole应用示例
  • 3线硬件SPI+DMA驱动 HX8347 TFT屏
  • 实验语音学的基本概念
  • 市场上ios签名公司做什么的?
  • 12. 一文快速学懂常用工具——docker 命令
  • API低代码开发应用场景
  • 从零开始搭建React+TypeScript+webpack开发环境-性能优化
  • sCrypt 现在支持 Ordinals 了
  • 乌班图搭建 LAMP
  • 【Unity细节】Unity中的Transform.SetParent还有你不知道的细节
  • php生成个性二维码
  • css排版—— 一篇优雅的文章(中英文) vs 聊天框的特别排版
  • 2022最新版-李宏毅机器学习深度学习课程-P46 自监督学习Self-supervised Learning(BERT)
  • 【MySQL习题】各个视频的平均完播率【全网最详细教学】
  • Linux Centos配置邮件发送
  • 宋浩高等数学笔记(三)微分中值定理
  • 华为认证 | 11月底这门HCIP认证即将发布!
  • U-Mail邮件系统安全登录解决方案
  • 在Java继承关系中变量访问规则
  • 11. 一文快速学懂常用工具——网络工具(下)
  • 什么GAN生成对抗网络?生成对抗网络可以干什么?
  • 采集Prestashop独立站
  • 通过一道题目带你深入了解WAF特性、PHP超级打印函数、ASCII码chr()对应表等原理[RoarCTF 2019]Easy Calc 1
  • 类直径树上贪心