vue 之 我的store里怎么都是空的？

最新推荐文章于 2023-04-24 11:43:12 发布
最新推荐文章于 2023-04-24 11:43:12 发布
阅读量1.1k 收藏
点赞数
分类专栏： web前端 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/MoonLight20100/article/details/105662719
版权

抽空看看生命周期哦

在created()里面store绝对是空的，不信你试试

另外，弹出的页签一定是空的，vue 是单页面的，不考虑你多页面的情况，需要自己手动处理，缓存到session local cookie 都可以，

怎么读出来，方法很多啦， 只要是在调用store里面属性前 从缓存读出来就行，一般会放在路由守卫里，判断下，然后读取缓存

燃えろ俺の小宇宙
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
基于vue 动态菜单 刷新空白问题的解决
10-14
Vue.js 是一个流行的前端框架，用于构建用户界面。在开发过程中，动态菜单是常见的功能，尤其是在权限管理较为复杂的系统中。动态菜单可以根据用户的权限来生成不同的菜单结构。然而，在使用Vue进行动态菜单开发时，...
已经配置好的空vue项目.zip
04-06
这个"已经配置好的空vue项目.zip"是一个预配置的Vue项目模板，包含了开发者在开始新项目时通常需要的一些核心功能和工具。让我们深入了解一下这个项目包含的内容以及如何使用它。 1. **路由管理**: Vue Router是Vue...
vuex store里面state对象可以获取到，对象里的属性为空问题
一路从容
08-08 1万+
在store里面存的state如下 const state={ dt_org_data:{//测试类型 url:'/iwms/warehouses/rules', arg:{key:'screenGroupNum',value:'llrk001'}, options:[] } } 通过action异步获取值，mutations修...
vue3 中。我的useStore 一直获取到的是undefiend
业余前端的职业经历
04-03 3210
这个现象奇怪的很。 我从vuex中。结构出来的 useStore 获取出来的 store 一直为空 因为我的vuex中的方法 一直没有触发。最后发现 setup中的store一直为undefined 有的网友说我并没有写在 setup 但是事实上我就是写在setup中 其实原因是 我之前写了一段 需要dom操作 然后放在 setup中 然后就是这段代码导致 其实如果你要在 setup操作dom的话 最好还是 import { nextTick } from "vue" import { useStore }
vuex 4.x store undefined问题
qq_25360089的博客
12-16 210
按官方文档写法，获取store时需要将useStore放入reactive中。
vue中 页面刷新之后，拿不到store中的数据
weixin_42776027的博客
04-03 5886
转载地址：https://segmentfault.com/q/1010000014602905 在created中获取vuex中的数据，一进入页面能够拿到，但是页面刷新之后就拿不到数据 解释 store是原来存储组件状态的，不是用来做本地数据存储的。 本地存储可以用localStorage/sessionStorage或者cookie。 你可以把它看做是一个js的缓存数据; 例如: ...
创建Vuex时没有$store的解决
周百万的博客
01-08 2483
如果你在vue2项目中，所有的配置好了，组件中就是没有$store属性，那么很有可能是安装的vuex插件版本过高。store文件夹下的index.js文件。为什么会出现这个问题呢？vue@3版本对应的是 vue2。vue@4版本对应的是 vue3。vuex安装的版本是最新版本。
Vuex解读及解决store中刷新后导致没有数据的问题
Anna_lhy的博客
11-21 3048
Vuex是一个专门为vue.js应用程序开发的状态管理模式，可以理解为共享的data，它一共有五种默认的状态： state：存储状态（变量） getters：对数据获取之前的再次编译，可以理解为state的计算属性。我们在组件中使用 $sotre.getters.fun() mutations：修改状态，并且是同步的。在组件中使用$store.commit('',params)。这个和我们组...
vue版本2.x空项目
06-20
"vue版本2.x空项目" 提供了一个基础的项目模板，适合开发者快速搭建自己的Vue应用。这个模板可以帮助你理解Vue 2.x的核心概念，并为你提供一个良好的起点，避免从零开始设置开发环境。 在Vue 2.x中，主要知识点包括...
vue之封装多个组件调用同一接口的案例
11-19
在Vue开发中，为了提升代码的可维护性和避免重复代码，常常需要对多个组件共用的接口进行封装。本文将探讨如何在Vue中封装公共方法，以实现多个组件调用同一接口并返回接口调用的结果。 首先，让我们看一个简单的...
Vue3 Project 项目(01) 源码
04-02
3. `components`：存放可复用组件的目录，每个 Vue 组件都应有自己的单独文件。Vue3 引入了 `<script setup>` 语法，使得组件定义更为简洁。 4. `router`：如果项目使用 Vue Router，这个目录会包含路由配置文件，...
路由导航守卫
m0_62351775的博客
01-11 805
vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航 路由导航守卫分为全局路由守卫，组件级的，单个路由独享的 全局守卫 // 都是在main.js中去写的 - 全局前置守卫 router.beforeEach - 全局解析守卫 router.beforeResolve - 全局后置钩子 router.afterEach 全局前置守卫 你可以使用 router.beforeEach 注册一个全局前置守卫 （在router/index.js) router.beforeEach.
vuex报错 this.$store显示undefined
qq_45791799的博客
10-24 6959
报错：vuex报错 this.$store显示undefined，使用vuex保存数据时，发现this.$store是undefined,打印this，发现没有$store属性。
vue3路由配置了，但是页面依旧空白
weixin_43287787的博客
04-24 1342
之前因为控制台报错，修改了main.js中的路由引入路径为。package.json的安装版本是4.1.6。
vue.js访问不到_this.$store的两种原因
weixin_44796004的博客
06-21 1万+
前些天在学习跟着学写一些vue，在其中有部分需要使用到localStorage来获取并存储本地的存储值，并全局暴露该值，所以用到常用的vuex（推荐使用）。到时其中发现了这个问题： this.$store为undefined 最终排查发现有一下两个原因： 在index.js中导入vuex时，“vuex”写成了大写的“Vuex”,这就十分坑爹，毕竟vue也是区分大小写，而且在暴露变量时变量的命名经常会写成大写，所以这种情况也是会出现的。 上面的情况我是修复了，但是我还是发现不行，这就难受了，最后还是不断地
vuex使用和模块化使用以及解决刷新state为空
资深Bug开发大师
12-25 1224
vue2使用vuex 1.安装 npm install vuex --save 2.main.js中引入 // 引入vuex import store from './store' new Vue({ render: h => h(App), // 挂载 store }).$mount('#app') 3.新建store文件夹 store文件目录，modules模块化，将每个模块放在modules中，这里使用user举例子 index.js import Vue
使用vuex的时候，出现this.$store为undefined
热门推荐
yanguo110的博客
07-08 3万+
使用的场景： 在open_show中调用update_info的时候出现undefined 解决的思路： 刚开始接触vuex，碰到这个问题，首先就是搜索一下，别人的一般都是this.$store.state为undefined，还是没有什么思路，然后我看了一下项目中别人写的代码中就可以调用，再看下目录，难道和目录有关，试了一下，并没有什么作用，就换种思路，打印了一下this，发现this...
Vue 关于Store的用法
℡メ㏑╭ァ小凯
01-29 1万+
Store就是全局变量都是可以双向绑定的，以下是模块的用法： state定义的是变量名称，mutations里面是给变量赋值的方法 export default { namespaced: true, state: { //打开的Tabs tabs: null, //当前显示的key selectTabKey: null }, mutations: { setSelectTabKey(sta
Vue中的$store
qq_44848423的博客
05-12 1万+
$store 是挂载在 Vue 实例上的（即Vue.prototype)。 我们可以通过在Vue对象的原型上添加store属性来使得每一个Vue的实例都可以访问store属性。 // 引入Vue import Vue from 'vue'; // 为Vue对象的原型添加 Vue.prototype.$store = store; ...
vue-element-admin 给所有都加上token
最新发布
08-05
通过以上步骤，我们就可以给 vue-element-admin 的所有接口都加上 token，以确保接口调用的安全性和权限控制。 ### 回答3： 在vue-element-admin中给所有请求都加上token，可以通过以下步骤实现： 1. 首先，在...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值