首页 > 解决方案 > 从 API laravel 获取 2 个数据

问题描述

我有 2 个来自 API 1 的数据。食品类​​别 2。完成好我如何在 1 页 vue 中显示来自 API 的 2 个数据,

我只能显示来自 API 的 1 个数据

这是我试过的

export default {
 data(){
   items:[],
   finish_goods:[],

    created() {
      let uri = 'http://192.168.10.75:8000/api/finish_goods'; // Data 1
      this.axios.get(uri).then(response => {
        this.items = response.data.data;
      });
    },
    created() {
      let uri = 'http://192.168.10.75:8000/api/cat_foods';  // Data 2
      this.axios.get(uri).then(response => {
        this.finish_goods = response.data.data;

      });
    }
},
methods: {}

}

标签: laravelvue.js

解决方案


我的建议,将 API 组合为 1

created() {
      let uri = 'http://192.168.10.75:8000/api/combine_data';  // sample
      this.axios.get(uri).then(response => {
        this.finish_goods = response.data.data.goods;
        this.items = response.data.data.foods;
      });
    }

推荐阅读