Vuex 重置私有模块最原始值

最新推荐文章于 2023-11-10 14:18:38 发布

置顶

小明的修炼笔记

最新推荐文章于 2023-11-10 14:18:38 发布

阅读量274

点赞数

文章标签： javascript vue vue-cli3

本文链接：https://blog.csdn.net/qq_45752778/article/details/117777726

版权

本文介绍如何在Vuex中针对私有模块重置到初始状态。通过创建一个深度拷贝的state，并在state中添加特殊属性 `_stateDeep` 用于存储原始值。在需要重置时，可以方便地遍历并恢复每个模块的初始状态。

摘要由CSDN通过智能技术生成

import * as types from '../types'
import {getUserAllMessage, selAccessNumber} from "@/api/login";
import {ERR_OK} from "@/config";
import Router from '@/router'
import Vue from 'vue'
import {VuexDeepState} from "@/util/deepClone";
const state = VuexDeepState({
    [types.USER_INFO]: {},// 用户个人信息
    [types.ORDER]: {}, // 评估订单状态 进行中  已完成 有疑议
    'WXIID': '', //用户唯一id
    'TOKEN': '',
})

const getters = {
    [types.GET_PROCESSING_STATE](state) {
        return state[types.ORDER].processing > 0
    }
}

const mutations = {
    ['SET_TOKEN'](state, obj) {
        if (typeof obj !== 'object') {
            // 私有模块 初始最原始
            for(let key in this.state) {
                typeof (this.state[key] || {})._stateDeep === 'object' && Object.assign(this.state[key], this.state[key]._stateDeep);
            }