微信小程序for循环遍历数组解决办法

最近在做微信小程序项目遇到一个问题，如下：

在wxml文件做wx:for循环遍历数组时，数组含八个元素，循环次数却只有五次，从下面代码看

<scroll-view scroll-y='true' style="height: 262rpx;"><view class="list"><view class="label-1" bindtap="select_Type" data-type="不限"><text bindtap="click1">数组长度：{{type3.length}}</text></view><view wx:for="type3" wx:for-index="i"  wx:key="i"><view class="label-1" bindtap="select_Type" data-type="{{type3[i].productType}}"><text bindtap="click1">{{type3[i].productType}}</text></view></view></view>
</scroll-view>

理论上能将数组完全遍历，效果上却执行五次，并没有将数组遍历。

如果大家遇到和我类似的问题，下面教大家如何解决：

wx:for="数组名"改为wx:for="{{数组名.length}}"，就能解决数组无法遍历的问题。例如我的wx:for="type3"改为wx:for=“{{type3.length}}”，看效果

完美解决问题

微信小程序for循环遍历数组解决办法相关推荐

微信小程序-for循环为数组赋值
因为微信小程序赋值使用setData,所以赋值时比较特殊 for (var i = 0; i < res.data.length; i++) {this.setData({["colu ...
微信小程序遇到的问题及解决办法
一.根据 sitemap 的规则[0],当前页面 [pages/index/automatic/automatic] 将被索引 project.config.json文件中"checkSit ...
微信小程序苹果手机边框显示不全解决办法
在实际开发中,微信小程序在真机测试的时候会出现边框不全的情况发现是边框设置为1rpx,在一些手机上会转成0.5px,只要是小于1px显示都不正常.解决办法: 1.边框的设置写法1px 2.不设置边框 ...
微信小程序checkbox被挤压变形解决办法
如上图,checkbox被挤压变形了解决办法: 添加样式 radio .wx-radio-input, checkbox .wx-checkbox-input{flex: none; }
微信小程序系列——js遍历数组，微信小程序数组的遍历，forEach
json数据返回的数组形式的,怎么遍历 forEach处理: let commonProblemList = that.data.commonProblemList; //wxml里的对应的遍历的自定 ...
微信小程序 for循环 array数组操作详解
一.for循环的使用 ①for(let i = 0 ; i < length ; ++i){ } 示例: for(let i=0;i<length;++i){console.log(tem ...
微信小程序报“app.json”错误解决办法
1.亲测 "app.json未找到入口 app.json 文件,或者文件读取失败,请检查后重新编译." 是由于新创建的界面xxx.json所在的文件夹为0KB造成的,你可以试着在x ...
微信小程序数据类型，遍历，展示
微信小程序数据类型,遍历,展示备注: text 相当于以前web中的 span标签行内元素不会换行 view 相当于以前web中的 div标签块级元素会换行 checkbox 以前的复选框标 ...
微信小程序-for循环
微信小程序-for循环通过wx:for可以根据指定的数组,循环渲染重复的组件结构,语法示例如下: <view wx:for="{{arr}}">索引是:{{index ...

微信小程序for循环遍历数组解决办法

微信小程序for循环遍历数组解决办法相关推荐

最新文章

热门文章