如何从不同文件中的组件调用服务?

时间:2017-11-29 10:02:05

标签: vue.js vuejs2 vue-component axios

filename: service.js
let getCorporateRequests = function() {
   let url = "http://corptest.mocklab.io/thing/2";
   Vue.axios.get(url).then((response) => {
     return response;
   })
}

和组件

service.getCorporateRequests().then(function(data){
 console.log(data);
})

它是“无法读取属性”,然后是“未定义”。

1 个答案:

答案 0 :(得分:0)

导出getCorporateRequests()并将其导入组件

您的getCorporateRequests函数未返回承诺,因此您无法使用getCorporateRequests().then()

所以让你的getCorporateRequests()回复承诺

filename: service.js
let getCorporateRequests = function() {
   let url = "http://corptest.mocklab.io/thing/2";
   return Vue.axios.get(url);
} 

现在在您的组件中,您可以按如下方式链接then()

service.getCorporateRequests().then(function(data){
    console.log(data);
})`