Question

在我的模板中我有这个元素：

<template>
  <div>
    <span v-for="item in items">{{item.name}}</span>
  </div>
</template>

在我的剧本中我有：

import axios from 'axios';
export default {
    data: () => ({ items: null }),
    mounted: function () {
        var vm = this;
        axios.get('/items')
         .then(function (response) {
          vm.items = response.data;
        });
   }
}

我的问题是如何显示<span>个元素，并且v-for执行一旦返回的响应带有items列表？

Answer 1

您需要将spans创建的v-for包装在一个根div中：

<template>
  <div>
    <span v-for="item in items">{{item.name}}</span>
  </div>
</template>

此外，vm.items = response;似乎存在vm.items = response.data;问题，有关详细信息，请参阅axios response schema。

V-for上的Vue Sync数据

1 个答案: