首页 前端知识 vue2中,父项目A通过iframe嵌入子项目B的页面(该页面是http://192.168.41.35:9527/#/energyStorage/energyStorageMonitor),代码中先设置src为http://192.168.41.35:9527/导致浏览器插入了一条记录跳转到子项目的首页,然后父项目向子项目发送切换路由消息,子项目监听到到该消息才跳转到该页面。所以导致在该页面点击浏览器返回会回到子项目的首页,如何使得点击返回的跳转顺序正确

vue2中,父项目A通过iframe嵌入子项目B的页面(该页面是http://192.168.41.35:9527/#/energyStorage/energyStorageMonitor),代码中先设置src为http://192.168.41.35:9527/导致浏览器插入了一条记录跳转到子项目的首页,然后父项目向子项目发送切换路由消息,子项目监听到到该消息才跳转到该页面。所以导致在该页面点击浏览器返回会回到子项目的首页,如何使得点击返回的跳转顺序正确

2024-04-19 09:04:17 前端知识 前端哥 333 368 我要收藏
可以通过以下方式实现点击浏览器返回时顺序正确跳转: 1. 在父项目A中,设置iframe的src为子项目B的页面地址http://192.168.41.35:9527/#/energyStorage/energyStorageMonitor; 2. 在子项目B中,监听父项目发送的切换路由消息,并根据消息内容进行页面跳转; 3. 在子项目B中,使用Vue Router的beforeRouteLeave导航守卫来监听页面离开前的操作,当用户点击浏览器返回时,执行相应逻辑处理,确保页面跳转顺序正确。 通过以上步骤,可以保证在点击浏览器返回时,能够正确跳转到之前打开的页面,而不是回到子项目的首页。
转载请注明出处或者链接地址:https://www.qianduange.cn//article/5232.html
标签
评论
发布的文章

JQuery中的load()、$

2024-05-10 08:05:15

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!