TypeError: Cannot read properties of null (reading ‘parentNode‘) vue3踩坑

小鱼儿 2024-03-22 11:35 114阅读 0赞

**![ff5395cfcc364f2f9fc32dd3f9b9a9f5.png][]**

**解决方法一：如果声明的常量用ref，则检查赋值与被赋值是否都是对应的。**

![f3473fe27382450bbdfd309cc34c979d.png][]

![11db3837b71b4e6d9e27493da86fae22.png][]

如上图，我赋值的为一个对象，直接这样写就会报上面第一张图的错误。

改正：将ref()改成ref(\{\})

![56edde943d7f47e99e7204a75ba8dc94.png][]

解决方法二：如果用的是reactive

![d647abe9f38e4407b7cebfbcd587f13f.png][]

则用Object.assign(a, b)，第一个a是被赋值的，第二个是有数据的

![97c55e38ae604db3a39d620ee2aea9f5.png][]

有关Object.assign()的知识可点击[Object.assign() - JavaScript | MDN (mozilla.org)][Object.assign_ - JavaScript _ MDN _mozilla.org]

![17a6058cf32a45a6a0f6260596f5e37b.png][]

[ff5395cfcc364f2f9fc32dd3f9b9a9f5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/02858e0fee0145e3ba97f6a45f88f7e8.png
[f3473fe27382450bbdfd309cc34c979d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/64ab474c079940c18c4ec98db365322f.png
[11db3837b71b4e6d9e27493da86fae22.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/7c36ee890645403bb4faa076311d024a.png
[56edde943d7f47e99e7204a75ba8dc94.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/a05877db7044473996f7c05132b168a5.png
[d647abe9f38e4407b7cebfbcd587f13f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/4620a137fed94444b1510fb5a60378c4.png
[97c55e38ae604db3a39d620ee2aea9f5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/92b9ecaf302d4aed92e65d4ae3540c3c.png
[Object.assign_ - JavaScript _ MDN _mozilla.org]: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/assign
[17a6058cf32a45a6a0f6260596f5e37b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/e9f254b8a0124c2b9b0def32a12cb5b7.png