iframe 重定向问题
在 vue 项目中，加载第三方 html 网页，怎么办呢？可以用 iframe 实现。思路如下：新建一个页面，比如： new.vue。然后在路由里注册该页面，并配置好路由。这样写好之后，运行一下项目，引入的 iframe 也能够加载出来。可是一个问题也随之而来了：点击按钮跳转时，页面变化了，但是地址栏的 hash 路由并没有改变，而且一刷新立马又回到 preIndex 页面了。怎么办呢？解决方法如
·
在 vue 项目中，加载第三方 html 网页，怎么办呢？
可以用 iframe 实现。思路如下：
新建一个页面，比如： new.vue。
然后在路由里注册该页面，并配置好路由。
这样写好之后，运行一下项目，引入的 iframe 也能够加载出来。可是一个问题也随之而来了：点击按钮跳转时，页面变化了，但是地址栏的 hash 路由并没有改变，而且一刷新立马又回到 preIndex 页面了。怎么办呢？解决方法如下：
如果有 iframe 的源码，打开并编辑 iframe 的源码。在其 title 标签下嵌入一段 JavaScript 代码，比如：重定向iframe的路由至login页面，可以这样写：
function redirectIframeHash(){
window.location.href = 'https://XXX/#login';
}然后，在引入的 iframe 页的源码中，需要跳转至父路由的地方调用该函数即可。
tip：这种用 font 写的页面加载会特别特别的慢。
前往低代码交流专区
更多推荐
0
0- 0
已为社区贡献6条内容
所有评论(0)