怎么实现当我登录以后需要将请求的结果存到vuex里面
时间: 2024-05-12 13:17:50 浏览: 70
对于您的问题,可以使用axios实现将请求结果存储到Vuex中。具体步骤如下:
1. 在Vuex的state中定义一个变量,用于存储请求结果。
2. 在组件中使用axios发起请求,并将结果提交给Vuex。
3. 在Vuex的mutation中更新state中的变量。
4. 在组件中通过getters获取state中的数据,进行渲染。
具体代码实现如下所示:
在Vuex中定义state:
```
const state = {
result: null
}
```
在组件中使用axios发起请求:
```
axios.get('your-url')
.then(response => {
this.$store.commit('updateResult', response.data)
})
.catch(error => {
console.log(error)
})
```
在Vuex的mutation中更新state:
```
const mutations = {
updateResult(state, data) {
state.result = data
}
}
```
在组件中通过getters获取state中的数据:
```
computed: {
result() {
return this.$store.getters.result
}
}
```
当然,以上只是一个简单的实例,具体的内容还与您的实际业务需求有关,仅供参考。
阅读全文