Vue + Laravel:如果元组数据之一中的表单数组中的数据,如何从api挂载数据

我有来自API的数据,但无法将数组中的数据设置为vue.js中的this.data这是来自API的data(JSON)


你能告诉我这个语法吗


{"id":1613,

"name_org":"US company",

"picture":"default.jpg",

"headerpic":"no-preview.png",

"description":null,

"address":null,

"type":"hardware,software,network",

"rating":0,

"created_at":"2019-03-27 18:50:51",

"updated_at":"2019-03-27 18:50:51",

"review":[{

       "review_id":3,

         "org_id":1613,

         "user_id":2,

         "description":"Very good",

         "rating":3,

         "created_at":null,

         "updated_at":null}, 

      {"review_id":4,

         "org_id":1613,

         "user_id":1,

         "description":"Not bad",

         "rating":5,

         "created_at":null,

         "updated_at":null}]

 }

我在审查中有问题,因为它是一个数组。


我无法将API中的数据设置为vue中的数据


<div v-for="review in reviews" class="box">{{review.review_id}}</div>


<script>

export default {

  props: ["id"],

  data() {

    return {

      name_org: "",

      picture: "",

      headerpic: "",

      description: "",

      reviews: [],

      review: {

        review_id: "",

        org_id: "",

        user_id: "",

        description: ""

      }

    };

  },

  mounted() {

    axios.get("/api/listorgs/" + this.id).then(response => {

      var listorg = response.data;

      this.name_org = listorg.name_org;

      this.picture = listorg.picture;

      this.description = listorg.description;

      this.headerpic = listorg.headerpic;

    });

  },

};

</script>


守着星空守着你
浏览 155回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript