vue keep-alive与Teleport合用产生的bug

现有情景: A和B都页面使用了keep-alive做缓存处理,且A页面中有一固定导航,使用的是position:fixed且使用Teleport包裹了导航组件,to指向的是body。

产生现象: 当A和B页面之间相互切换的时候,A页面的导航组件会在B页面里出现

产生原因: Teleport组件to指向body,把A页面的导航组件暴露到body的子节点下了

解决办法: A页面再添加一个根节点,to指向这个根节点

posted @ 2024-07-17 16:41  zoo-x  阅读(1)  评论(0编辑  收藏  举报