vue $store全局变量设置

2022-05-28 09:35:17 阅读：313 来源： 互联网

标签：vue dicts getters state dict 全局变量 data store

store/modules/dict.js

import { getDicts } from '@/api/index'

const dict = {
  state: {
    dicts: [],
  },

  mutations: {
    SET_DICT: (state, data) => {
      state.dicts = data
    },
  },

  actions: {
    getDict({ commit }) {
      return new Promise((resolve, reject) => {
        getDicts().then(res => {
          let data = res.data;
          commit('SET_DICT', data)
          resolve()
        }).catch(error => {
          reject(error)
        })
      })
    }
  }

}

export default dict

store/getters.js

const getters = {
  dicts: state => state.dict.dicts
}
export default getters

store/index.js

import Vue from 'vue'
import Vuex from 'vuex'
import dict from './modules/dict'

Vue.use(Vuex)

const store = new Vuex.Store({
  modules: {
    dict
  },
  getters
})

export default store

permission.js 判断完userinfo之后

store.dispatch('getDict');

访问

this.$store.getters.dicts

标签：vue,dicts,getters,state,dict,全局变量,data,store
来源： https://www.cnblogs.com/jqynr/p/16319824.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

vue $store全局变量设置