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

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

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

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

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

vue3 使用teleport报错 找不到‘parentNode‘节点(未解决)相关推荐

  1. Visual Studio调试报错-找不到dll文件的解决办法

    问题描述: Visual Studioss调试调用QT.opencv等的工程是,正确配置好了运行环境,并且程序编译可通过,但在调试时报错缺失xxx.dll文件 解决方法: 查找并拷贝或下载缺失的.dl ...

  2. vue3+vite+ts报错:找不到模块“@/xxxxxx”或其相应的类型声明。

    场景:引入ts文件报错找不到相应类型声明,此时是tsconfig.json文件还要进行文件系统路径别名设置 {"compilerOptions": {"baseUrl&q ...

  3. java报错-找不到或无法加载主类(Error: Could not find or load main class)

    此文首发于我的个人博客:java报错-找不到或无法加载主类(Error Could not find or load main class) - zhang0peter的个人博客 比如说test.ja ...

  4. android 上传到了maven,但是报错找不到jar

    报错: * What went wrong: Could not resolve all files for configuration ':iReader:VivoDebugCompileClass ...

  5. salt '*' state.highstate 报错找不到文件,环境如下No Top file or master_tops data matches found....

    salt '*' state.highstate 报错找不到文件,环境如下No Top file or master_tops data matches found. file_roots:    b ...

  6. Vue3导入Vue-router报错:Uncaught SyntaxError: The requested module does not provide

    Vue3导入Vue-router报错:Uncaught SyntaxError: The requested module does not provide ybc4652 正在上传-重新上传取消 2 ...

  7. linux安装python库报错pywin32_完美解决pyinstaller打包报错找不到依赖pypiwin32或pywin32-ctypes的错误...

    报错信息 最近闲来无事,用python的tkinter库开发了一款带日程提醒的万年历桌面程序.在程序开发结束开始打包时,却发现一直报错 PyInstaller cannot check for ass ...

  8. 【ubuntu】ubuntu下用make编译程序报错找不到openssl/conf.h

    ubuntu下用make编译程序报错找不到openssl/conf.h 安装libssl-dev:i386,sudo apt-get install libssl-dev:i386 看好版本,如果不加 ...

  9. maven打包报错找不到符号,由于找不到类中方法的解决思路

    maven打包报错找不到符号,若pom文件引用正常,报错的类有修改能正常启动执行程序,很有可能因为该类属于公共工具类,在外层目录,通过pom引用的,修改后工具类后,打包时没有将其重新打包,导致该出引用 ...

最新文章

  1. iOS NSObject对象内存大小
  2. java switch 表达式_尝鲜Java 12新特性:switch表达式
  3. 【Flutter】Hero 动画 ( Hero 实现径向动画 | Hero 组件 createRectTween 设置 )
  4. Qt解析XML及QTableWidget用法示例
  5. .bat脚本自动yes_第四章: Python脚本获取聚宽(JQData)免费行情数据
  6. 一张图,看懂阿里云12年的“飞天日记”
  7. 需求与问题——一个老现象
  8. 工作87:element-ui el-table sortable属性 参数详解
  9. 第二十五期:5G预约用户超千万!是“虚火”还是“真旺”?
  10. Foxmail怎么诊断邮件的状态
  11. MinIO Docker 快速入门
  12. Linux下Shell脚本运行程序不输出日志到终端
  13. 转录组-蛋白组-代谢组关联分析
  14. html svg单击事件,html5 svg 中元素点击事件添加方法
  15. HTML段落前面怎么加黑点,Word文档段落前面的那个小黑点,是怎么搞出来得呀?...
  16. 用asp.net发送电子邮件
  17. 智能领域的竞争不在于干了啥,而是干成啥
  18. iis启动和停止的方法介绍
  19. html字体变色特效,css字体特效,渐变颜色+动画效果
  20. oracle JOB 的创建列子

热门文章

  1. 运动会方阵计算机学院,计算机科学与技术学院师生积极参与山东大学(青岛)2019年田径运动会...
  2. python编辑邮件格式_python之发送邮件----文本格式
  3. Jvm基础篇-01-Java虚拟机家族起源
  4. php rsa2 微博,PHP 基于laravel框架获取微博数据之一 模拟新浪微博登录
  5. Flask模板引擎——Jinja2
  6. Vue(四)——使用脚手架(1)
  7. 大数据软件、阿里云大数据快速解决海量数据
  8. 【Android基础】多线程编程
  9. 江苏大学计算机复试面试题库,江苏大学研究生考试试题a卷答案
  10. android如何使用menu键