vue嵌套iframe问题总结

2021-02-02  本文已影响0人  有你有团

router.go()

主要是更改iframe中src值后导致的路由跳转混乱,多次更改iframe的src属性后,调用router.go(-1),不能实现路由后退上一级,二十将iframe当作一个窗口文档,调用了该窗口文档的window.history.go(-1),并未更改父级项目的路由后退功能,

解决办理

不通过改变iframe -> src属性值区访问具体内容,采用window.location.replace(url)更改iframe将访问的内容,具体代码如下

<iframe ref="iframe" scrolling="auto" frameborder="0" width="100%" height="100%"></iframe>
<script>
  export default {
    methods:{
      setIframeSrc(){
        this.$refs.iframe.contentWindow.location.replace(url)
      }
    }
  }  
</script>
上一篇 下一篇

猜你喜欢

热点阅读