组件vuejs外部的访问存储 [英] access store outside of component 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
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;
}
没有实际的商店对象
推荐答案
尝试使用大括号导入存储"
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屋!
查看全文