![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vuex
周家大小姐.
这个作者很懒,什么都没留下…
展开
-
vuex 安装持久化插件
npm install --save vuex-persistedstate文件目录```storestore ├─ modules │ ├─ control.js │ └─ user.js ├─ getters.js └─ index.js ```---import createPersistedState..原创 2021-12-02 11:13:17 · 374 阅读 · 0 评论 -
vuex 存储调用接口用递归遍历是否有children子级,递归匹配失败走catch方法
效果:匹配到的情况:没匹配到的情况name用'-'替代监听父组件代过来的code码,再根据code码去匹配对应的name // 这里写的是mixins方法,方便多次调用 import { teamNameByTeamCode } from '@/mixin/teamNameByTeamCode' export default { mixins: [teamNameByTeamCode], props: { teamCode: {原创 2020-09-29 10:20:37 · 655 阅读 · 0 评论 -
vue 请求数据头部传入token值
需求:点击退出的发送请求的时候后台要求传Headers中传入token代码如下:// 第一个{}为所传的data数据,第二个{}为传入headers this.axios.post('/admin/logout',{},{ headers:{//我这里对像值这么写是因为我在上页面计算属性中获取了usr,user:state=>state.user.user toke...原创 2020-03-14 20:31:41 · 3362 阅读 · 0 评论 -
vue 页面刷新后用户信息没有了处理方式
需求:当用户登录时,数据存入了vuex中在页面通过store去取数据,但是页面刷新的时候,用户数据全不见了解决方法:登录的时候信息存入vuex之外;还需要把数据存入本地存储这样当页面刷新时如果取不到store中的数据,我们可以取sessionStorage中的数据export default { state:{ user:{}, token:false }, get...原创 2020-03-14 20:14:51 · 2545 阅读 · 2 评论 -
vuex mapState和store使用
首先为了后续有多个store存储,我们一开始就让其抽离,在store方件下新建一个modules文件,后面所有模块都会写在里面store/modules/user.jsuser.js写入用户信息供其它页面调用export default { state:{ user:{}, token:false }, getters:{ }, mutations:{ ...原创 2020-03-14 19:55:44 · 949 阅读 · 0 评论 -
react打包后线上访问项目此请求已被阻止;内容必须通过HTTPS提供。
postActions.js:7 Mixed Content: The page at 'https://zhouyunfang.github.io/react-redux/index.html' was loaded over HTTPS, but requested an insecure resource 'http://jsonplaceholder.typicode.com/posts'...原创 2019-12-08 14:30:29 · 2432 阅读 · 1 评论 -
vuex 封装请求
因为我这里对store进行了抽离所以有提取的方法有点不一样;其他都是一样的如果看不懂抽离;可以查看这篇文章https://blog.csdn.net/qq_40190624/article/details/100087775vuex中的数据departmentCategory.js// 请求部门分类列表import axios from 'axios'const stat...原创 2019-08-27 11:04:36 · 990 阅读 · 0 评论 -
vuex 状态管理存取值
dispatch存值: this.$store.dispatch( "setAddress",item.district + item.address + item.name );store.js中设置import Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);// typesconst types = {...原创 2019-04-10 22:15:08 · 1383 阅读 · 0 评论 -
React 登录获取token并存储及解析token
仓库地址:https://gitee.com/zhouyunfang/react-project/tree/formAuthenticated/目录存储token解析token解决页面刷新,数据消失问题当前目录:存储tokenlogin.jsimport React, { Component } from 'react'// 实现ui组件和数据连接i...原创 2019-03-26 18:19:55 · 27205 阅读 · 1 评论 -
vuex 解决数据刷新消失的问题(本地存储,持久存储插件)
需求:在页面跳转的时候会携带一些数据进来正常渲染,但是会有一个问题就是一刷新的时候数据就没有了;所以我们在需有一个解决的方案;一.就是在vuex中localStorage 或者sessionStorage相比sessionStorage,存储数据更安全,sessionStorage可以在控制台被看到sessionStorage只会在关闭页面后数据才会消失 而localStorage关...原创 2019-01-10 09:55:06 · 4294 阅读 · 1 评论 -
vuex actions使用(action和mutations的区别)
我们先说说actions和mutations的区别,mutations在请求数据的时候是同步的;而actions是异步的 action的功能和mutation是类似的,都是去变更store里的state,不过action和mutation有两点不同:1、action主要处理的是异步的操作,mutation必须同步执行,而action就不受这样的限制,也就是说action中我们既可以处理同...原创 2019-01-09 16:59:05 · 20805 阅读 · 5 评论 -
vue 重置vuex数据
有时候在我们把数据存储下来的时候,在某个时候需要移除这些数据却不知道怎么移除了;下面我有一些自己的方法一: dispatch重新赋值store.jsconst actions = { //这里面的方法是用来异步触发mutations里面的方法,context与store 实例具有相同方法和属性 setGargetUser({ commit }, targetUser) { ...原创 2019-01-10 16:12:55 · 12456 阅读 · 0 评论