vue一个页面发出多个异步请求_浅谈vue异步数据影响页面渲染-程序员宅基地

技术标签: vue一个页面发出多个异步请求  

浅谈vue异步数据影响页面渲染

今天遇到一个问题,要保证页面渲染前请求的数据已经得到了

由于user是在异步请求之后保存在session中,而在页面渲染时session中还没有user,页面直接报错。

因此我希望能在所有请求都得到后再去做页面的渲染。

1.先把id为app的div用v-if="appShow",定义appShow为false进行隐藏,避免渲染

2.写计数器,每1ms进行一次查询,如果session中已经有user,删除过滤器,移除滤布,appShow为true,开始渲染页面,这样可以保证页面的正常渲染。

具体代码如下:

created:function (){

let that = this

let timeTerval = setInterval(()=>{

if(sessionStorage.user){

clearInterval(timeTerval);

that.appShow = true;//渲染app

var removeLoad = document.getElementById("loading")

removeLoad.style.display = "none"

}else{

console.log("1222")

}}, 1

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_42513038/article/details/112038764

智能推荐

httpclient学习(转载)-程序员宅基地

文章浏览阅读560次。转载来源:https://wapasia.dccnet.com.cn:4433 最近忙于一个项目,了解下httpclient,在这里总结出来,和大家一起学习分享,希望各位朋友提出宝贵的意见。 首先介绍一下项目的背景: 目标:把国内一家保险公司的“WEB一账通”改成“WAP一账通”。 资源:客户不提供任何的webservice接口。 本

CCFlow6的公文审批、公文审批单以及公文审批流程_文件下发审批流程表单-程序员宅基地

文章浏览阅读3.2k次。1.概述:表单效果图:选择模版效果图:公文编辑:附件上传:2.公文表单与相关流程的实现步骤。1.需要安装activex插件:weboffice(在线编辑器)(重点)涉及到插件的问题,就会设计到浏览器兼容与版本问题。在ccflow中,公文插件已经兼容ie8以上版本,chrome,firebox,基于其他浏览器内核的360浏览_文件下发审批流程表单

无法在WEB服务器上启动调试,Web 服务器配置不正确-程序员宅基地

文章浏览阅读114次。访问IIS元数据库失败 思考可能是次序出了问题,解决 1、打开CMD,进入 C:\WINDOWS\Microsoft.NET\Framework\v2.0.50727 2、输入 aspnet_regiis.exe -i 稍等片刻,注册成功就解决问题了。 接着还会出现“未能创建 Mutex”的问题 解决方法: 1、先关闭你的VS2005。 2、打开 C:\WINDOWS\Microsoft.NET..._web服务验证失败,确认配置应用是否正确

在java项目中怎样利用Dom4j解析XML文件获取数据-程序员宅基地

文章浏览阅读174次。在曾经的学习.net时常常会遇到利用配置文件来解决项目中一些须要常常变换的数据。比方数据库的连接字符串儿等。这个时候在读取配置文件的时候。我们一般会用到一个雷configuration,通过这个类来进行直接读取,能够说这是程序中直接封装好的,包含配置文件里书写的格式等等。那么,假设。想要在配置文件里写一些其它的数据,直接以XML文件的格式进行书写。这个时候在后台怎样读取XML文件里的数据呢..._java中dom4j通过标签id获取xml的值

Python之旅.第十章.mysql.-程序员宅基地

文章浏览阅读49次。单表查询一、语法顺序select distinct 查询字段1,查询字段2,。。。 from 表名 where 分组之前的过滤条件 group by 分组依据 having 分组之后的过滤条件 order by 排序字段 limit 显示的条数;二、执行顺序def from(dir,file): open('%s...

python开发系统-Python-程序员宅基地

文章浏览阅读1.0k次。您所在的位置:首页>厂商培训Python Web架构开发工程师Python架构开发课程介绍对python进行全面系统的学习,了解Python各个分支的发展及应用,面向脚本开发和脚本工具开发,提高软件开发的整合能力,同时为后续python web开发,给予python的数据库分析,大数据分析,自动化测试及运维夯实基础,学会模块的整合使用及快速开发流程,熟练使用python胶水语言的特性,在多语言环境..._python系统开发

随便推点

推荐一款xshell替代产品_xshell 同类的产品-程序员宅基地

文章浏览阅读5.8k次。推荐一款xshell替代产品可以连接Linux、windows等服务器 下载地址:_xshell 同类的产品

OpenWrt智能路由器Wifi配置方法 目前最安全的WPA2-PSK/WPA3-SAE wifi加密配置方法_openwrt无线参数设置-程序员宅基地

文章浏览阅读1.5k次,点赞9次,收藏7次。OpenWrt默认Wifi是没有任何密码的, 如果需要设置密码需要我们手动进行配置, 配置方式如下:登录路由器默认用户名密码 root/password然后找到 Network --> Wireless 如下图:点击 Edit --> 然后选择 Interface Configuration --> Encryption 然后选择目前最安全的组合 WPA2-PSK/WPA3-SAE Mixed Mode (strong security)_openwrt无线参数设置

UA STAT687 线性模型II 最小二乘理论1 普通最小二乘法_ols正则方程-程序员宅基地

文章浏览阅读477次。UA STAT687 线性模型II 最小二乘理论1 普通最小二乘法参数的OLS估计可估函数与Gauss-Markov定理方差的OLS估计正态线性模型与UMVUELegendre与Gauss在19世纪初提出了最小二乘的思想,1900年Markov证明了最小二乘估计的性质良好,在此之后最小二乘就开始广泛应用于线性模型的估计了。对于线性模型y=Xβ+ϵ,Eϵ=0,Cov(ϵ)=σ2Iy=X\beta + \epsilon,E\epsilon=0,Cov(\epsilon)=\sigma^2Iy=Xβ+ϵ,Eϵ_ols正则方程

解析Qt元对象系统(三) 信号与槽_qt报错 void qwdialog::qt_static_metacall-程序员宅基地

文章浏览阅读2.5k次,点赞4次,收藏11次。引述我们从普通的点击按钮过程来看一下信号与槽的运行机制。先运行一个普通的QWidget程序,添加一个按钮,定义一个槽函数test,函数体里做个断点,调试运行,可以看到从回调函数qt_internal_proc开始,一直到槽函数。元对象系统的调用层次如下 QAbstractButtonPrivate::click和QAbstractButtonPrivate::emitClicked属于源..._qt报错 void qwdialog::qt_static_metacall

JS复习之JavaScript简介-程序员宅基地

文章浏览阅读24次。1.JavaScript历史回顾  一开始JavaScript是为了减轻表单验证的负担而出现,因为当时网速的限制加之复杂性不断增加,客户端验证语言JavaScript就诞生了。由Netscape的布兰德·艾奇(Brendan Eich)发布的LiveScript是JavaScript的前身,后为了搭上Java的顺风车改名JavaScript2.JavaScript是什么,它与ECMAScr..._.javascript是一种专为与______而设计的__________语言

git diff old mode 100644 new mode 100755-程序员宅基地

今天执行git diff filename ,出现 old mode 100644 new mode 100755 的提示,如下图:但是发现文件内容并没有发生改变想起来中间执行过chmod 的操作,产生这个问题的原因就是:filemode的变化,文件chmod后其文件某些位是改变了的,如果严格的比较原文件和chmod后的文件,两者是有区别的,但是源代码通常只关心文本内容,因此chm...