Question

我是vuejs的新手。所以我的数据中有这个数组，当我在控制台中输出数据时，结果是正确的。我需要将类别放入数组中，因为它可以具有多个类别。

const app = new Vue({ 
   el:"#app",
   data:{
     market:{
        categories:[]
     }
   },
   methods: {
      init: function(){
         var app = this;
         var url = '/api/categories/0';
            axios.get(url).then(function(response){
               app.market.categories[0] = response.data;
               console.log(app.market.categories[0]);
        });
      }
   }
});

但是在ui中使用v-for时，它不会显示。你能帮我吗？谢谢`

 <select class="form-control form-control-no-border" id="s-category1">
      <option value="">Please select a category</option>
      <option v-for="category in market.categories[0]" :value="category.external_code">@{{ category.name  }}</option>
  </select>

Answer 1

当您使用方括号访问数组元素时，Vue无法对数组元素的更改做出反应。修改数组元素时，需要使用数组方法或使用Vue.set来访问它们，像这样...

<dashboard>

索引数组第一个元素中的VueJS v-for

1 个答案: