vuex ajax dev,vuex中使用ajax的话如何维护状态？
例如，我在初始化狀態的時候，在action里面寫了一個函數異步去獲取初始化數據然后初始化vuex的狀態，但是這樣子的話我在組件里面就獲取不了這個狀態了，代碼:
actions
export const initInfo = ({ dispatch }) => {
Vue.http.get('https://api.xxx.com/info')
.then((response) => {
dispatch('INIT_INFO', response.data);
},(response) => {
console.log('fail');
});
};
父組件：
id="avatar"
:src="getUserInfo.avatar_url">
...
export default {
store,
vuex: {
actions: {
initInfo,
},
getters: {
getUserInfo
}
},
created() {
this.initInfo();
},
components: {
Avatar
},
}
子組件：
id="{{ id }}"
:style=" loaded ? {
backgroundImage: `url('${src}')`,
opacity: 1
} : {} ">
export default {
data() {
return {
loaded: false,
img: ''
}
},
props: ['id', 'src'],
created() {
console.log(this.src);
}
}
mutations:
INIT_INFO(state, data) {
state.username = data.login;
state.name = data.name;
state.bio = data.bio;
},
getters:
export const getUserInfo = (state) => {
return state;
}
剛開始這個src是空的字符，那我要怎么保證初始化組件的時候獲取到的數據是異步獲取的數據？
總結
以上是生活随笔為你收集整理的vuex ajax dev,vuex中使用ajax的话如何维护状态？的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 修改服务器劫包,APP游戏TCP包被劫持
- 下一篇： 文件服务器换个用登录,文件服务器迁移 登