将对象数组传递给Vue规范中的数据对象

Question

我正在为我的vue组件编写规范，必须将值传递给组件中定义的数据对象我就这样过去了，wrapper.vm.organizations = [{"id":2,"company_name":"google","user_count":0}]

但在我的组件中，它变得未定义，在console.log上，这就是我得到的，

[
{
id: [Getter/Setter],
company_name: [Getter/Setter],
user_count: [Getter/Setter]
}
]

如何正确传递值？

Answer 1

对象的数据属性表示其内部状态，尝试从外部赋值有点奇怪。

我建议使用属性(道具(。属性是从外部发送到组件的值。

如果属性对您不起作用，那么您可以在组件中创建一个方法，该方法将接收新值并将这些值分配给内部数据。您将从外部调用一个方法来执行此操作，而不是直接分配值。

Answer 2

Vue 3将反应数据封装在代理中。因此，您的数据可能是这样的，有getter和setter。

请尝试console.log(JSON.stringify(YOUR_ARRAY))，查看您的数据是否符合预期。

您没有提供足够的代码来确切地知道为什么您的数据是undefined，以及您希望它在哪里可用。

请记住，应该在子组件中使用this.$props.PROPNAME来访问道具。