iframe影響瀏覽器頁面跳轉(zhuǎn)

原因

主要是由于瀏覽器history記錄了iframe嵌入頁面的路由信息,這個(gè)信息不論是iframe內(nèi)的地址跳轉(zhuǎn),還是iframe src的切換,都會(huì)被記錄,下面給出解決方案

如不涉及iframe內(nèi)地址的跳轉(zhuǎn)

<iframe ref="iframeWin" width="100%" height="100%" frameborder="0"></iframe>
  setIframe(src) {
      this.$refs.iframeWin.contentWindow.location.replace(src);
    },

原理就是讓iframe這個(gè)頁面只被記錄一次,從而實(shí)現(xiàn)“this.$router.go(-1)”正常跳轉(zhuǎn)

如涉及iframe內(nèi)地址的跳轉(zhuǎn)

首先進(jìn)入頁面,記錄history length

  created() {
    this.historyLength = window.history.length;
  }

然后在頁面返回時(shí)獲取當(dāng)前history length,相減即可得知需要返回多少個(gè)頁面

  backClick() {
      let nowhl = window.history.length;
      let backCount = nowhl - this.historyLength + 1;
      this.$router.go(-backCount);
    }

問題解決了,記錄分享一下

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容