javascript - 将一个类传递给 Vuejs 中的 Prop

Question

我是 vue 新手。我最近需要将一个类作为 Prop 传递给一个组件。如下:

<my-component v-for="(name, index) in　Names" :key="'name-' + index " :person="new Person(name)"></my-component>

人如下:

class Person {
 constructor(name) {
   this.name = name
 }
}

名称是来自服务器的数据。问题是当我使用 this.$props.person.name = 'Ken' 更新名称时，它没有改变。我查看了 $props.person，它遗漏了 __ob__: Observer。请帮忙!!!

Answer 1

也许这有帮助:

1. 将人员:[] 添加到您所在的州
2. 在你的 v-for 中使用 persons 数组
3. 使用名字将新人插入或拼接到数组中

<my-component v-for="(person, index) in　persons" :key="'name-' + index " :person="person"></my-component>

this.names.forEach(name=>this.persons.push(new Person(name));

其他东西...

如果你的名字对 person 来说是唯一的，在你的键中使用它而不是索引，或者更好的是，为 person 添加一个 id 字段以优化插入、删除等。

您也可以将您的名字放入状态，并通过在监视函数中添加人员来对更改使用react。

您可能还想深入观察您的组件。不过该代码并未发布。