结合AJAX数据对象v型为

Question

我有一个AJAX调用从服务器检索对象的数组，它们是复合的目的，例如：

var Person = Vue.extend({ 
    template: "#template_box_person", 
    props: { 
     name: { 
      default: "unnamed" 
     }, 
     address: { 
      type: Object, 
      default: function() { 
       return { 
        city:"", 
        zip:"" 
       } 
      } 
     } 
    } 
} 

我将它们绑定到与V-的组件在HTML：

<box_person 
    v-for="person in persons" 
    :name=person.name 
    :address.city = person.address.city 
    :address.zip = person.address.zip 
></box_person> 

但它不工作，它只是结合的名字，像往常一样，但我不能绑定一个人的地址对象。我怎样才能绑定一个同时是v-for中的对象的属性？

Answer 1

你不能在道具选项中使用dot。您应该立即传递完整的对象，而不是按值进行赋值。

<box_person 
    v-for="person in persons" 
    :name=person.name 
    :address = person.address 
></box_person>