getters: { getUserId() { return this.managerInfo.user ? this.managerInfo.user.id : 0 }, getUser() { return this.managerInfo.user || {} }, getBearerToken() { return this.managerInfo.token ? 'Bearer ' + this.managerInfo.token : '' }, getToken() { return this.managerInfo.token || "" }, getMenus() { return this.managerInfo.menus || [] }, getAuths() { return this.managerInfo.auths.length ? this.managerInfo.auths.map(v => v.auth) : [] } },
时间: 2024-02-14 22:03:03 浏览: 30
这段代码是 Vuex 中的一个模块的 getters 对象,里面定义了一些基于全局状态的计算属性,可以在组件中通过 `mapGetters` 辅助函数来将这些计算属性映射到组件的计算属性中。
具体来说,该 getters 对象中定义了以下计算属性:
- `getUserId`:获取当前登录用户的 ID,如果用户未登录则返回 0。
- `getUser`:获取当前登录用户的信息,如果用户未登录则返回空对象 `{}`。
- `getBearerToken`:获取当前登录用户的 token,并加上 `Bearer` 前缀,如果用户未登录则返回空字符串 `""`。
- `getToken`:获取当前登录用户的 token,如果用户未登录则返回空字符串 `""`。
- `getMenus`:获取当前登录用户的菜单列表,如果用户未登录则返回空数组 `[]`。
- `getAuths`:获取当前登录用户的权限列表,如果用户未登录或者权限列表为空则返回空数组 `[]`。对于权限列表中的每一个对象,取出其中的 `auth` 属性构成新的数组返回。
相关问题
vuex无法获取getters属性this.$store.getters.getCurChildId undefined
可能出现这种情况的原因是,您在获取getters属性时使用了错误的语法。正确的语法应该是 this.$store.getters.getCurChildId(),即需要在属性名后面加上一对括号。
如果仍然无法获取该属性,可能是因为您还没有在store中定义该getter,您需要在store中的getters对象中定义一个名为getCurChildId的getter,如下所示:
```
const store = new Vuex.Store({
state: {
// ...
},
getters: {
getCurChildId: state => {
// ...
}
}
})
```
请确保您的getter函数返回一个值,这样才能在组件中正确地使用该getter属性。如果仍然无法解决问题,请检查您的代码是否有其他错误。
this.$store.getters.headerMenu
`this.$store.getters.headerMenu` 是 Vue.js 中使用 Vuex(状态管理模式)获取store中 getters 方法的一种常见用法。`headerMenu` 可能是一个getter名称,这个getter通常会在store中定义,用于从应用的状态(state)中提取处理后的数据,比如菜单配置信息,以便在组件中复用。
当你在某个组件的script部分使用 `this.$store.getters.headerMenu` 时,你实际上是请求当前组件的上下文(this)中的store实例,获取名为 `headerMenu` 的计算属性的值。这允许你在组件的生命周期内访问和更新整个应用的状态,而不是直接操作状态本身。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)