vue-router 内嵌 iframe，导致this.$router.go(-1)返回上一页异常

问题描述：在使用vue-router跳转过来的页面中内嵌了一个iframe，通过选择不同项替换iframe的src，但是在使用this.$router.go(-1)返回之前的页面时发现页面刷新，点击多次才能返回之前的页面原因：浏览器机制的原因，在 iframe 导航变化后手动点击浏览器的后退按钮也依然只是后退 iframe 中的导航。类似window.history.go解决方法：...

南乔几经秋

8022人浏览 · 2019-09-03 18:53:48

南乔几经秋 · 2019-09-03 18:53:48 发布

问题描述：

在使用vue-router跳转过来的页面中内嵌了一个iframe，通过选择不同项替换iframe的src，但是在使用this.$router.go(-1)返回之前的页面时发现页面刷新，点击多次才能返回之前的页面

原因：

浏览器机制的原因，在 iframe 导航变化后手动点击浏览器的后退按钮也依然只是后退 iframe 中的导航。类似window.history.go

解决方法：

iframe 里面的链接用 location.replace 跳转，这样就只会有一个历史记录了

<iframe ref="iframe"></iframe>

this.$refs.iframe.contentWindow.location.replace(src)

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^