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

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

微信小程序for循环遍历数组解决办法_第1张图片

 

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


    
      
        数组长度:{{type3.length}}
      
      
        
          {{type3[i].productType}}
        
      
    

 

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

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

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

 微信小程序for循环遍历数组解决办法_第2张图片

微信小程序for循环遍历数组解决办法_第3张图片

完美解决问题

你可能感兴趣的:(微信小程序,小程序,微信)