ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

vue axios 赋值后console可以查看到 html调用数据失败

2022-05-18 20:00:36  阅读:149  来源: 互联网

标签:arr axios console uid list html set response


rt

大概是因为axios异步的问题,导致调用顺序有问题

使用this.$set()赋值解决

贴一段代码

onLoad(){
      if(this.refreshing){
        this.list=[];
        this.orders={};
        this.refreshing=false;
      }
      this.axios.get("user/star/getProductByUid?uid=" + this.user.uid)
      .then(async(response)=>{
        
        this.list = response.data;
        var arr = [];
        for(var i = 0;i < this.list.length;i++){
          
          await this.axios.get("shop/detail/getDetailByPid?pid=" + this.list[i]['pid'])
          .then((response) =>{  //await从字面意思上是“等待”的意思,就是用于等待异步完成
            arr.push(response.data)
          }).then(()=>{
            const newObj = Object.assign(this.list[i], arr[i]);  //Object.assign(list1,list2)合并对象
            this.$set(this.list,i,newObj)  //此处使用
          })
        }
      })
  },

 

标签:arr,axios,console,uid,list,html,set,response
来源: https://www.cnblogs.com/kekit/p/16286090.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有