vue使用route搭配iframe进行嵌套的页面,在子页面中,点击跳转到打开新的模块子页面。

内嵌的iframe子页面,正常通过this.$router.push进行跳转时,会发现直接在当前的子页面里面再打开了整个页面,并且地址栏的路由并没有发生变化,这时不可再使用this.$router.push进行跳转,而应该使用 window.parent

.location.href = '要跳转的页面完整路径'  此时便会正常更改浏览器的地址栏,进行页面正确的跳转。
  可以搭配 window.location.host 获取当前主机服务地址  然后  'http://' + window.location.host + '目标页面路径' ,通过 window.open(path, '_parent'),这样可以避免一些问题。
posted @ 2021-12-01 16:16  陈楷  阅读(5153)  评论(0)    收藏  举报