首页 > 其他分享> 文章详细

vue，后台请求时因为时间差出现的bug

2022-01-25 17:32:45 阅读：144 来源： 互联网

标签：vue 请求渲染 res 时间差数据源 true bug

原因：网络请求需要时间，因为没有找到渲染值，会先出现bug：出现xxx is undefined；但是不影响样式和执行
是因为：但是网络请求回来之后会自动渲染的bug，检查中会有错误；

解决方案，用v-if判断

思路：先将渲染的标签或者模板设置为false，使渲染的元素不显示；
然后在网络请求结束的最后将渲染的元素模块设置为true，就不会出现这个问题了（以后会常用）

如：

页面中
<ul v-if="isA">//这里判断，渲染模块
<li :key="i" v-for="(v,i) in arrObj">{{v.type}}</li>
</ul>

js中

数据源中设置一个变量为：

data:{

isA:false,

}

然后网址请求之后
      this.$http({
        url: `https://########`,
      }).then((res) => {
        console.log(res);
        this.codeImg = res.data.code; //储存数据源中
        一系列执行完成之后设置变量为true
        this.isA=true;元素标签完成渲染
      });
    },

标签：vue,请求,渲染,res,时间差,数据源,true,bug
来源： https://blog.csdn.net/m0_64207574/article/details/122688967

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

ICode9

vue，后台请求时因为时间差出现的bug