vuex ajax dev,vuex中使用ajax的话如何维护状态？
例如，我在初始化狀態(tài)的時(shí)候，在action里面寫(xiě)了一個(gè)函數(shù)異步去獲取初始化數(shù)據(jù)然后初始化vuex的狀態(tài)，但是這樣子的話我在組件里面就獲取不了這個(gè)狀態(tài)了，代碼:
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;
}
剛開(kāi)始這個(gè)src是空的字符，那我要怎么保證初始化組件的時(shí)候獲取到的數(shù)據(jù)是異步獲取的數(shù)據(jù)？
總結(jié)
以上是生活随笔為你收集整理的vuex ajax dev,vuex中使用ajax的话如何维护状态？的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 修改服务器劫包,APP游戏TCP包被劫持
- 下一篇： 文件服务器换个用登录,文件服务器迁移 登