如何解决向vuex操作中添加resolve会中断组件中的数据加载
我在VueX商店中执行以下操作 添加resolve()会使组件无法加载存储数据
fetch_resources({ commit,rootState }) {
return new Promise((resolve,reject) => {
const url = '/api/resource/';
rootState.axios_api.get(url)
.then((response) => {
commit('SET_RESOURCES',response.data);
resolve(response.data); // Adding this line breaks my component
}).catch((error) => {
reject(setErrorServer(error));
});
});
},
数据已在存储中加载和变异,但在装入时此操作调用的组件未加载。
我应该如何修复then()。catch()使其起作用?
mounted() {
this.fetch_resources().then(() => {
}).catch((error) => {
showErrorModal(error);
});
},``̀̀̀`
解决方法
Axios自己返回诺言,因此您无需包装它:
fetch_resources({ commit,rootState }) {
const url = '/api/resource/';
// also you may make a closure to param variable
let com = commit
return rootState.axios_api.get(url)
.then((response) => {
commit('SET_RESOURCES',response.data);
// com('SET_RESOURCES',response.data);
resolve(response.data); // Adding this line breaks my component
}).catch((error) => {
reject(setErrorServer(error));
});
},
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。