在V-FOR中绑定AJAX数据对象

Question

我有一个ajax调用，它从服务器中检索一系列对象，它们是复合对象，例如：

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

i将它们与html中的v-for绑定到组件：

<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>