如何向 vue 子组件传递 map 变量
在 Vue 中，父组件可以通过 props 向子组件传递数据。但是，当要传递一个 Map 类型的变量时，可能会遇到报错。
问题表现：
赋值：
data() { return { roomPictureList: new Map() }}
传递： 将 roomPictureList 通过 props 传递给子组件
控制台报错：
立即学习“前端免费学习笔记（深入）”；
TypeError: Supplied property "roomPictureList" was not valid. Vue received a value that was not compatible with the expected prop type: Map.
解决方案：
问题出在 roomPictureList 的初始值是一个空对象。为了解决这个问题，可以将其改成 null：
data() { return { roomPictureList: null }}
这样，在传递给子组件时，Vue 便能够正确识别并接收 Map 变量。
以上就是Vue 子组件如何接收父组件传递的 Map 变量？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1557336.html
微信扫一扫 
支付宝扫一扫 
