解决vuex数据异步造成初始化的时候没值报错问题
作者：陈小穗子呀 发布时间：2024-04-30 10:46:02
标签：vuex,数据异步,初始化
当使用vue做登录的时候，我们会把拿到的部分用户信息存在vuex+cookie中，我们知道，vuex的数据是会随着浏览器刷新而丢失的，此时我们会重新请求接口对vuex的数据进行再次赋值，如下
当有cookie但是vuex没有数据的时候再次请求赋值
state
mutation
vuex的数据是异步的，当我们页面需要直接拿vuex的值进行渲染的时候，初始化瞬间（即请求过程进行的时候），vuex是没有这个值的，如何解决这个问题，暂时总结了三种方法，希望有遇到的大佬进行补充和查错：
1.通过watch和mouted监听并且初始化vuex数据
在mounted的时候初始化该数据 并且watch该数据(不推荐)
2.在computed赋值该数据 并且在dom渲染的时候做非空的判断
或者：
3.使用拓展运算符
来源：https://blog.csdn.net/ink_if/article/details/86076720
0
投稿猜你喜欢
- 映射类型： 表示一个任意对象的集合，且可以通过另一个几乎是任意键值的集合进行索引
- 流读写很多时候，数据读写不一定是文件，也可以在内存中读写。1、StringIO：在内存中读写str。要把str写入StringIO，我们需要
做服务器端开发的同学应该都对进程监控不会陌生，最近恰好要更换 uwsgi 为 gunicorn，而gunicorn又恰好有这么一章讲进程监控- Python3 正则表达式正则表达式是一个特殊的字符序列，它能帮助你方便的检查一个字符串是否与某种模式匹配。本文主要阐述re包中的主要函数。
- 1. 计算给出两个时间之间的时间差import datetime as dt# current timecur_time = dt.date
- 排序查询（order by）电商中：我们想查看今天所有成交的订单，按照交易额从高到低排序，此时我们可以使用数据库中的排序功能来完成。排序语法
- 除了在 Error 对象和 Errors 集合中说明的提供者错误之外，ADO 本身也将错误返回到运行时环境的异常处理机制之中。使用
- 在开发过程中，收到这样一个问题反馈，在网站上传 100 MB 以上的文件经常失败，重试也要等老半天，这就难为需要上传大规格文件的用户了。那么
- 我在用 ASP 写一个数据库的应用的时候，总是被那些看起来好好的SQL语句执行起来产生的错误代码搞得头疼，请问有没有更好的解决办法啊？有，我
- 前言以前在写C/C++代码时，可以在代码中预定义一些版本宏定义，然后再编译时从外部传入数据作为版本号。 golang代码不支持宏定义，如果每
- MySQL Workbench 是一款专为 MySQL 设计的集成化桌面软件，也是下一代的可视化数据库设计、管理的工具，它同时有开源和商业化
- 1echarts的基本步骤四步1 找dom容器2 初始化Init3 配置options4 setOptions几乎124的步骤是一样的，op
- 线性代数线性代数，矩阵计算，优化与内存；比如矩阵乘法，分解，行列式等数学知识，是所有数组类库的重要组成部分。和MATLAB等其他语言相比，n
- 打桩测试当我们在编写单元测试的时候，有时我们非常想 mock 掉其中一个方法，但是这个方法又没有接口去定义和实现(无法用 gith
- 类成员变量默认初始值的坑问题发现一个循环内，缺省值初始化同名变量，其中的list成员不是空，会延续之前同名变量的值。示例代码# Define
- Django中Models是什么：通常，一个Model对应一张数据表，Django中Models以类的形式表现，它包含一些基本字段以及数据的
- LDAP(Light Directory Access Portocol)是轻量目录访问协议，基于X.500标准，支持TCP/IP。LDAP
- js 代码中经常会碰到 undefined 这种错误，下面本文分享一下为什么会发生这种错误以及如何处理这种错误，js 中如果通过 var 声
- 一个网站的导航就相当于是一条路的路标，不同的是，网站的不同栏目页的入口远远比马路要来得复杂，所以一个清晰的导航设计对于一个网站的意义远远大于
- Python是一种计算机程序设计语言，一种面向对象的动态类型语言，一种脚本语言。最初被设计用于编写自动化脚本(shell)的，常用于各种服务
