vue3 使用teleport报错 找不到‘parentNode‘节点(未解决)
vue3 使用teleport报错 找不到'parentNode'节点(未解决)
·
官方文档使用teleport文档地址:Teleport | Vue.js
官方推荐使用场景就是把一个组件里的模态框方便定位在body下面,以实现全屏。但在实际使用中并不顺利,看见出现了以下错误。
查询了相关文档目前并未彻底解决该问题。但在踩坑中为大家提供以下两点注意事项:
- 属性to = "节点",该节点只能是父级节点,不能是兄弟和子级节点。
- 在1的基础上使用to = "body"或者to = "#app"这两个节点是没问题的。
我测试过to = "节点"为父级的id、class、ref,要么为报错,要么直接不生效。测试过在保证父级节点加载完后,通过按钮控制disabled侧面实现teleport移动到父级节点下也不行
。希望后面解决的大佬看到了踢我一脚,谢谢!
更多推荐
已为社区贡献2条内容
所有评论(0)