vue中怎么将后台返回权限列表的数据存进vuex中用到的页面用计算属性来拿这个权限列表
时间: 2024-01-27 17:04:48 浏览: 85
首先需要在Vuex中定义一个state来存储权限列表数据,例如:
```
state: {
permissionList: []
}
```
然后在actions中发起异步请求获取权限列表数据,并将数据存储到state中:
```
actions: {
getPermissionList({ commit }) {
return axios.get('/api/permission').then(res => {
commit('setPermissionList', res.data)
})
}
},
mutations: {
setPermissionList(state, list) {
state.permissionList = list
}
}
```
接着,在需要使用权限列表的页面中,可以使用计算属性来获取state中的权限列表数据:
```
computed: {
permissionList() {
return this.$store.state.permissionList
}
}
```
这样就可以在页面中直接使用`permissionList`来获取权限列表数据了。需要注意的是,如果权限列表数据在多个页面中被使用,可以考虑将其定义为全局的getter,以便在任何页面中都能方便地获取到。
阅读全文