gpt4 book ai didi

javascript - 在v-for中绑定(bind)ajax数据对象

转载 作者:行者123 更新时间:2023-12-03 04:12:51 25 4
gpt4 key购买 nike

我有一个 ajax 调用,它从服务器检索对象数组,它们是复合对象,例如:

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

我在 html 中使用 v-for 将它们绑定(bind)到组件:

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

但是它不起作用,它像往常一样只绑定(bind)名称,但我无法绑定(bind) Person 的 Address 对象。如何绑定(bind)一个属性,该属性同时也是 v-for 中的一个对象?

最佳答案

您不能在 Prop 选项中使用。您应该立即传递完整的对象,而不是逐个值传递。

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

关于javascript - 在v-for中绑定(bind)ajax数据对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44259627/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com