浅谈vue异步数据影响页面渲染
作者：zjr11111 发布时间：2024-04-30 10:45:19
标签：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);
},
来源：https://blog.csdn.net/weixin_39308542/article/details/93062240
0
投稿猜你喜欢
支持向量机可以用来拟合线性回归。 相同的最大间隔（maximum margin）的概念应用到线性回归拟合。代替最大化分割两类目标是，最大化分- 异常的本质导引问题在实际工作中，我们遇到的问题都不是完美的，比如：你写某个模块，用户输入不一定符合你的要求：你的程序要打开某个文件，这个文件
- Pytorch如何完成多分类多分类问题在最后的输出层采用的Softmax Layer，其具有两个特点：1.每个输出的值都是在(0,1)；2.
- 前言有时候我们做项目的时候往往会需要把数组里面一些重复的项去掉，但是原生JS有排序，有筛选等等，但是就是没有数组去重怎么办呢？这能怎么办，自
- 需求在画布上用鼠标画图，可以画圆或矩形，按m键在两种模式下切换。左键按下时开始画图，移动到哪儿画到哪儿，左键释放时结束画图。实现思想用鼠标画
- 原文： gradio.app/interface-s…1.全局状态例子来解释import gradio as grsc
- 前言嗨喽！大家好呀，这里是魔王~雪球,聪明的投资者都在这里 - 4300万投资者都在用的投资社区,沪深港美全球市场实时行情,股票基金债券免费
- 首先我是从淘宝进去，爬取了按销量排序的所有（100页）女装的列表信息按综合、销量分别爬取淘宝女装列表信息，然后导出前100商品的 link，
- 如下所示：from numpy import *import numpy as npimport matplotlib.pyplot as
- python图像爬虫包 最近在做一些图像分类的任务时，为了扩充我们的数据集，需要在搜索引擎下爬取额外的图片来扩充我们的训练集。搞人工智能真的
- 最近想学习一些python数据分析的内容，就弄了个爬虫爬取了一些数据，并打算用Anaconda一套的工具（pandas, numpy, sc
- 1、问题现象：有个网站是通过session验证的，前端时间访问正常，但近期后台session老是失效很快，根本没法操作，我设置timeout
- 当存储一个CHAR值时， Mysql会除去尾随空间, 这个行为有点让人困惑， 用一个具体的例子来看一下： 首先 ，创建一个只有一个CHAR(
- 在新版的Vue CLI 3中，如何导入公共less文件在文档里已经描述的很清楚了，但是在2.*的版本中，我没有查到相关的办法，网友的办法又相
- 前言上一篇文章写了关于字典操作方法的增删改，这篇主要讲解如何查找字典数据。查找数据写法一共有两种，一种能够是key值查找，另外一种是按照函数
- 介绍最近在项目中遇到插入数据瓶颈，几万、几十万、几百万的数据保存到MYSQL数据库，使用EF插入数据速度非常慢，数据量非常大时EF插入需要几
- 求3721,163,1,4832,1980,2008,68686688,9999,17173,5173,8848中最大的数明白后，试着求一下
- 本文实例形式讲解了Python3的条件与循环控制语句及其用法，是学习Python所必须掌握的重要知识点，现共享给大家供大家参考。具体如下：一
- Truncate是SQL中的一个删除数据表内容的语句，用法是：TRUNCATE TABLE [Table Name]。下面是对Truncat
- Golang 高并发问题的解决Golang在高并发问题上，由于协程的使用，相对于其他编程语言，已经有了很大的优势，即相同的配置上，Golan
