如何解决将对象数组传递给 Vue 规范中的数据对象
我正在为我的 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]
}
]
如何正确传递值?
解决方法
一个对象的数据属性代表它的内部状态,尝试从外部赋值有点奇怪。
我建议使用属性(道具)。 props 是从外部发送到组件的值。
如果属性对您不起作用,那么您可以在组件中创建一个方法,该方法将接收您的新值并将这些值分配给内部数据。从外部而不是直接分配值,您将调用一个方法来执行此操作。
,Vue 3 将响应式数据包装在 proxies 中。因此,您的数据可能看起来像这样,带有 getter 和 setter。
尝试 console.log(JSON.stringify(YOUR_ARRAY))
以查看您的数据是否符合预期。
您没有提供足够的代码,无法确切了解您的数据为何在 undefined
中,您希望它在何处可用。
记住应该在子组件中使用 this.$props.PROPNAME
访问 props。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。