手机端使用iframe,重复调用iframe页面,会向路由中添加

2020-10-18  本文已影响0人  小码农_影

手机端使用iframe预览pdf遇到的问题:如果在iframe下再打开一个iframe 会往路由中push记录,导致手机端浏览器返回按钮操作时 会回到上一次的iframe页面,而不是直接关闭iframe页面。解决办法是:

不要直接给iframe,赋值src;

要对iframe的src变化进行监听。动态赋值

watch:{

  pSrc(newValue,oldValue){

    let iframe = this.$refs.iframe;

    if (newValue !== undefined && newValue !== null && iframe !== undefined){

      iframe.contentWindow.location.replace(newValue);

    }

  }

},

上一篇 下一篇

猜你喜欢

热点阅读