微信小程序wx:for中的item什么意思以及wx:for-item的意思

wx:for="{{list}}"用来循环数组，而list即为数组名wx:for-item=“items” 即用来定义一个循环过程中每个元素的变量的
如果是一维数组,按照如下方式循环出来：

<view wx:for="{{list}}">
{{index}} {{item.name}}
</view>

以上代码中，item即为list的别名。
如果是二维甚至多维数组，按照如下方式循环：所以item就是在二维甚至多维嵌套时候用的

<view wx:for="{{parentList}}">
{{item.id}}
<view wx:for="{{item.childList}}" wx:for-item="items">
{{items.name}}{{item.account}}
</view>
</view>

第二层for时候 item就用上了

for (var i = 0 ; i < list.length; i++) {
var sss = list[i];
}

等同于下面的

<view wx:for="{{list}}" wx:for-item="sss"></view>

**警告：wx:for是循环数组，wx:for-item即给列表赋别名
以下为几个错误使用，请大家谨慎使用：

直接用wx:for-item ，这样是循环不出来列表的（如下：）**

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

子循环中要谨慎使用wx:for-item（如下：）

<view wx:for="{{parentList}}">{{item.id}}<view wx:for-item="{{item.childList}}" wx:for-item="items">{{items.name}}{{items.account}}</view>
</view>

微信小程序wx:for中的item什么意思以及wx:for-item的意思相关推荐

微信小程序使用vant-weapp中的索引栏右侧点不动，滚定索引失效问题
微信小程序使用vant-weapp中的索引栏右侧点不动,滚定索引失效问题 vant的索引栏只要使用了定位,或者自定义头部,那么vant的索引栏就会出现各种BUG,基本不能用,这里我是基本重新写了一个 ...
微信小程序获取openid中的问题
在官方文档中获取微信小程序openid的操作方法如下: 主要是利用wx.login()和wx.request()函数,代码如下: onLaunch: function() {wx.login({suc ...
微信小程序在开发中遇到的问题与解决方法
微信小程序在开发中遇到的问题与解决方法参考文章: (1)微信小程序在开发中遇到的问题与解决方法 (2)https://www.cnblogs.com/zjjDaily/p/8032142.html ...
微信小程序云函数中的数据处理后返回
微信小程序云函数中的数据处理后返回本文主要演示的是,在微信云函数中调用数据库后,如何对获取的内容在云函数内处理后返回. 主函数 exports.main = async (event, contex ...
微信小程序input框中加入小图标的实现方法
最近入坑小程序,要求在小程序的输入框中展示一个小图标,页面如下: 然后按照,html页面中的做法,在input框中添加了background-image属性,出乎意料的事,小程序报了下边这样一个错误: ...
微信小程序app.js中的全局变量globalData改变，如何通知其它页面界面显示改变，小程序中如何在其他页面中监听到globalData中值的变化
微信小程序app.js中的全局变量globalData改变,如何通知其它页面界面显示改变,小程序中如何在其他页面中监听到globalData中值的变化在小程序中,我们一般在app.js的onLaun ...
微信小程序，数据库中插入表情
微信小程序,数据库中插入表情错误提示使用的是django做的后台错误提示 django.db.utils.InternalError: (1366, "Incorrect string ...
微信小程序自学过程中遇到的问题转
view标签下hover必须为true时,设置hover-class才有效,hover-start-time和hover-stay-time的形式如下: < view class="v ...
微信小程序的冥冥中拥有的小细节
1.微信小程序的多目运算符 {{问题一?问题一成功:(问题一失败且判断)?问题二成功:问题二失败}} 2.关于微信小程序分包小程序分包,一个包不能超过2m,不能超过8个分包,主包不能超过2m 3.微 ...
微信小程序轮播中的current_微信小程序 swiper轮播图的按钮切换
一.前言 swiper组件自带autoplay切换,本文将会介绍如何用到左右按钮切换轮播图,以及如何解决快速点击按钮出现的bug. 核心属性 circular: 负责切换衔接的效果(否则最后一张与第一 ...

微信小程序wx:for中的item什么意思以及wx:for-item的意思

微信小程序wx:for中的item什么意思以及wx:for-item的意思相关推荐

最新文章

热门文章