微信小程序:for..in里用if..else导致不能for循环的问题

发布时间:2019-07-01 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了微信小程序:for..in里用if..else导致不能for循环的问题脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

图片描述
请求接口,获得一个对象数组,将res.data里的数据push到result数组图片描述
四种状态,根据状态tyPE不同来判断需要显示的数据,但是我将if判断写在了for..in里就会出现数据不循环的情况,所有我用了foreach()的方法,forEach() 方法用于调用数组的每个元素,并将元素传递给回调函数,在回调函数里进行判断,将判断的属性和属性值写进对象里,然后在wXMl里通过wx:if=''来进行判断。图片描述
图片描述

js:
page({
    result:[],
    cancleBtn :true,//默认为true
    get(){
        utils.askData('get', url, '', (res) => {//请求接口,res.data是个数组,将res.data里的数据push到result里
          for (let key in res.data) {
                result.push(res.data[key]);
            //if(res.data[key].type == "1"){
            //this.setData({
             //   cancleBtn :'true',
           // })
           // }else{
             //this.setData({
             //   cancleBtn :'false',
           // })
          // }
          }
          //可以循环
        result.forEach(function(v){//将是否显示写入result数组里
        if(v.type=="1")
        { v.cancleBtn = true;}
        if (v.type== "3"){
          v.cancleBtn = false;
        }
        }, '');
    }
    });

wxml:
<view wx:for="{{result}}" wx:key="{{index}}">
    <view wx:if="{{item.cancleBtn}}"></view>
</view>

@H_946_126@

脚本宝典总结

以上是脚本宝典为你收集整理的微信小程序:for..in里用if..else导致不能for循环的问题全部内容,希望文章能够帮你解决微信小程序:for..in里用if..else导致不能for循环的问题所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。