访问组件 vuejs 之外的存储

本文介绍了访问组件 vuejs 之外的存储的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我有一个用于配置 OpenID Connect 身份验证的文件

I have a file for configuring my OpenID Connect authentication

export const authMgr = new Oidc.UserManager({
  userStore: new Oidc.WebStorageStateStore(),
  authority: **appsetting.oidc**
})

我想访问我的状态以获取 appsetting 的值.

I want to access my state in order to get the value of appsetting.

我是这样做的:

import store from './store'

const appsetting = () => store.getters.appsetting

但我的 appsetting 总是返回 undefined

but my appsetting is always returning undefined

我缺少什么?

商店:

app.js

const state = {
  appsetting: appsetting,
}

export {
  state 
}

getters.js

const appsetting = state => state.appsetting

export {
  appsetting
}

index.js

export default new Vuex.Store({
  actions,
  getters,
  modules: {
    app
  },
  strict: debug,
  plugins: [createLogger]
})

当我打印 store.getters 的值时，它返回:

when I print the value of store.getters, it returns this:

{
  return __WEBPACK_IMPORTED_MODULE_2__store__["a" /* default */].getters;
}

没有实际的商店对象

推荐答案

尝试用大括号导入'store'

Try to import 'store' with curly brackets

import {store} from '../store/index'

store.getters.appSettings

另一种选择是从 vue 属性访问

Another option is to access from the vue property

import Vue from 'vue'

Vue.store.getters.appSettings

这篇关于访问组件 vuejs 之外的存储的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！