官方文档使用teleport文档地址:Teleport | Vue.js        

        官方推荐使用场景就是把一个组件里的模态框方便定位在body下面,以实现全屏。但在实际使用中并不顺利,看见出现了以下错误。

        查询了相关文档目前并未彻底解决该问题。但在踩坑中为大家提供以下两点注意事项:

  1. 属性to = "节点",该节点只能是父级节点,不能是兄弟和子级节点。
  2. 在1的基础上使用to = "body"或者to = "#app"这两个节点是没问题的。

        我测试过to = "节点"为父级的id、class、ref,要么为报错,要么直接不生效。测试过在保证父级节点加载完后,通过按钮控制disabled侧面实现teleport移动到父级节点下也不行。希望后面解决的大佬看到了踢我一脚,谢谢!

Logo

前往低代码交流专区

更多推荐