Laravel vue.js nuxt.js如何在axios中调用多个api url调用
我正在尝试在Vue中调用多个API URL 我尝试了一个API URL调用,它成功了。当我尝试使用多个电话时,它不起作用 它的作用如下:Laravel vue.js nuxt.js如何在axios中调用多个api url调用,laravel,vue.js,vuejs2,axios,nuxt.js,Laravel,Vue.js,Vuejs2,Axios,Nuxt.js,我正在尝试在Vue中调用多个API URL 我尝试了一个API URL调用,它成功了。当我尝试使用多个电话时,它不起作用 它的作用如下: async异步数据({$axios}){ 让{data}=wait$axios.$get(“/Userslist”); 返回{ Userslist:data, }; }, 计算:{ 用户计数(){ 返回Object.keys(this.Userslist).length; }, } {{UserCount} 但不是这个: async异步数据({$axios
async异步数据({$axios}){
让{data}=wait$axios.$get(“/Userslist”);
返回{
Userslist:data,
};
},
计算:{
用户计数(){
返回Object.keys(this.Userslist).length;
},
}
{{UserCount}
但不是这个:
async异步数据({$axios}){
让{Usersdata}=wait$axios.$get(“/Userslist”);
返回{
Userslist:Usersdata,
};
},
计算:{
用户计数(){
返回Object.keys(this.Userslist).length;
},
}
{{UserCount}}
我的多API URL调用代码:
{{UserCount}}
{{BusinessCount}}
从“axios”导入axios;
导出默认值{
数据(){
返回{
用户列表:[],
业务列表:[],
};
},
异步数据({$axios}){
让{dataBusiness}=wait$axios.$get(“/Businessregisterlist”);
让{dataUsers}=wait$axios.$get(“/Userslist”);
返回{
业务列表:数据业务,
Userslist:dataUsers,
};
},
计算:{
BusinessCount(){
返回Object.keys(this.Businesslist).length;
},
UserCount(){
返回Object.keys(this.Userslist).length;
},
},
}
我得到了这个错误:
我试图console.log
it:
$axios.get()
返回一个对象,其中响应数据存储在数据中。您在分解结构中缺少属性:
//不要这样做:
//让{dataBusiness}=wait$axios.$get(“/Businessregisterlist”);
//让{dataUsers}=wait$axios.$get(“/Userslist”);
让{data:dataBusiness}=wait$axios.$get(“/Businessregisterlist”);
让{data:dataUsers}=wait$axios.$get(“/Userslist”);
此外,如果Businesslist
和Userslist
是数组,则可以使用来获取数组中的项数(而不是Object.keys(Businesslist).length
等):
计算:{
BusinessCount(){
//不要这样做
//返回Object.keys(this.Businesslist).length;
返回this.Businesslist.length;
},
UserCount(){
//不要这样做
//返回Object.keys(this.Userslist).length;
返回this.Userslist.length;
},
},