关于页面跳转失败

来源：8-7 Message 组件改进为函数调用形式

慕粉孔帅

2022-05-06

图片描述

老师你好，现在message组件和页面跳转实现了，但是跳转失败报出来这个问题，百度了之后说是因为使用了v-if，但是message组件确实需要v-if，而且我看你的代码没有报错，不知道是什么原因

写回答

2回答

张轩

2022-05-10

同学你好

这里的原因是 Modal 组件是teleport 节点上的，跳转的时候，这个节点发送改变，造成 teleport 错误，这里可以创建一个单独的节点供 Modal 使用，在 public/index.html 上添加

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

然后在Modal 组件中修改

<teleport to="#modal">

亲测有效～

慕粉孔帅

第一时间修改了，有效，完美的解决了很多页面共有的问题，以前在学vue2的时候就是这样写的，不知道为什么现在不行了，今天不是老师你找到这个错误了我想我还会卡在这里，谢谢您

2022-05-10

共1条回复

张轩

2022-05-07

同学你好

这个我要看了代码才能确定错误的出现，如果可以的话，可以提供一下代码（git）

张轩

慕粉孔帅

同学你好我看到了邮件，有两封但是好像你没有添加附件，没有代码，是不是忘记上传了？

2022-05-08

共2条回复

Vue3 + TS 仿知乎专栏企业级项目

带你完成前后端分离复杂项目，率先掌握 vue3 造轮子技能

3142 学习 · 2313 问题

相似问题

回答 1

回答 2

回答 1

回答 1

回答 1