zoukankan      html  css  js  c++  java
  • vue-persist 为 vuex 持久化!!

    npm install --save vuex-persist

    import VuexPersistence from 'vuex-persist'

    const vuexLocal = new VuexPersistence({
        storage: window.localStorage
    })
    
    
    const store = new Vuex.Store<State>({
      state: { ... },
      mutations: { ... },
      actions: { ... },
      plugins: [vuexLocal.plugin]
    })

    vuex 即可实现 持久化!(刷新不丢数据)

    例如 index.js

    import Vue from 'vue'
    import Vuex from 'vuex'
    
    import VuexPersistence from 'vuex-persist'
    
    const vuexLocal = new VuexPersistence({
        storage: window.localStorage
    })
    
    Vue.use(Vuex)
    
    import PostClass from './modules/PostClass'
    
    export default new Vuex.Store({
        plugins: [vuexLocal.plugin],
        state: {
            /**
             * 登陆前的url..用于登录后跳转到 此url
             */
            beforeLoginUrl: '',
            /**
             * 当前登陆用户的菜单
             */
            menuList: [],
            /**
             * 
             */
            postClass: []
    
        },
        modules: {
            PostClass
        },
        mutations: {
            setBlUrl(state, path) {
                state.beforeLoginUrl = path;
            },
            setMenuList(state, payload) {
                state.menuList = payload
            }
        }
    })
     
  • 相关阅读:
    兼容ie10及以上css3加载进度动画
    MySQL的安装
    VSFTPD+MYSQL+PAM
    58.省市联动-json
    省市联动
    56.检验特殊字符
    55.全选2
    54.截取字符串的思想实现输入框字数限制
    网络截取文件名
    lastPathComponent的功能
  • 原文地址:https://www.cnblogs.com/whm-blog/p/9142464.html
Copyright © 2011-2022 走看看