现有情景: A和B都页面使用了keep-alive做缓存处理,且A页面中有一固定导航,使用的是position:fixed且使用Teleport包裹了导航组件,to指向的是body。
产生现象: 当A和B页面之间相互切换的时候,A页面的导航组件会在B页面里出现
产生原因: Teleport组件to指向body,把A页面的导航组件暴露到body的子节点下了
解决办法: A页面再添加一个根节点,to指向这个根节点