Teleport无法渲染出来

Question

用了teleport，但是组件无法渲染，代码已提交到慕课网git，麻烦老师帮忙看看

Answer 1

张轩 2023-02-05 11:14:19

同学你好

你要把 full 节点挪到 index.html 当中去，(手动创建也行)，不要放在 App.vue 中

<div id="app"></div>
<div id="full"></div>

亲测可以渲染成功

• 提问者 罗树荣 #1

  感谢老师，搞定了╰(*´︶`*)╯

Answer 2

张轩 2023-02-04 10:15:21

同学你好

请问具体是哪个操作调用了 Teleport，由于不是我们的项目，我对你的代码结构和功能不太熟悉。

请描述一下哪个文件以及怎样的操作会触发这个问题。

• 提问者 罗树荣 #1

  RealTimeVideo页面导入了BtnGroup组件，触发BtnGroup组件里的按钮时，修改pinia里的值，在Fullscreen组件中监听到值的变化时，把Fullscreen组件渲染到Teleport。

• 提问者 罗树荣 #2

  RealTimeVideo页面导入了BtnGroup组件，触发BtnGroup组件里的按钮时，修改pinia里的值，在Fullscreen组件中监听到值的变化时，把Fullscreen组件渲染到Teleport。