這篇文章主要講解了在vue中實(shí)現(xiàn)嵌套頁面的方法，內(nèi)容清晰明了，對此有興趣的小伙伴可以學(xué)習(xí)一下，相信大家閱讀完之后會有幫助。

在長安等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供成都網(wǎng)站制作、成都做網(wǎng)站 網(wǎng)站設(shè)計(jì)制作按需網(wǎng)站制作,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),高端網(wǎng)站設(shè)計(jì),成都全網(wǎng)營銷推廣,成都外貿(mào)網(wǎng)站建設(shè),長安網(wǎng)站建設(shè)費(fèi)用合理。

vue中嵌套iframe,將要嵌套的文件放在static下面。src可以使用相對路徑，也可使用服務(wù)器根路徑http:localhost:8088/…

補(bǔ)充知識：關(guān)于VUE嵌套iframe的一系列問題

此文是建立在vue-cli之上 ，當(dāng)然單寫也可以，下文會涉及一些關(guān)于cli的知識，單寫的請忽略；

最近有很多小伙伴問超哥關(guān)于vue中嵌套iframe一些問題。

猶豫本尊最近轉(zhuǎn)型了react，關(guān)于vue的問題以后會在csdn發(fā)表博客。

廢話不多說，直接進(jìn)入正題；

本尊并不建議vue嵌套iframe，當(dāng)然會有那些個比較惡心的需求，例如在讀的小伙伴。

申明：本尊在iframe頁面寫入的是JQ，因?yàn)楹蚔UE沒有特別大的牽連，所以直接操作dom了，如果有同學(xué)依然想在iframe頁面中也是可以的，只需把本尊的代碼copy copy copy，然后在改吧改吧就OK了。

問題 1 (go back)

例如：在iframe頁面中有諸多跳轉(zhuǎn)，當(dāng)完成玩iframe頁面中一些操作時，此時點(diǎn)擊瀏覽器的回退功能，那么恭喜你中獎了，你回退的是iframe頁面，并無法回退和iframe無關(guān)聯(lián)的vue頁面，一直點(diǎn)擊瀏覽器的回退，可能會一直重復(fù)iframe連接的幾個頁面，或直接404，或空白。

解決辦法：使用H5的history對象。

code：

  $(document).ready(function(e) { 
    var counter = 0;
    if (window.history && window.history.pushState) {
       $(window).on('popstate', function () {
            window.history.pushState('forward', null, '#');
            window.history.forward(1);
            window.parent.location.hash='/newActivity';//這里寫你自己要回退的路徑
        });
     }
 
     window.history.pushState('forward', null, '#'); //在IE中必須得有這兩行
     window.history.forward(1);
  });

新聞名稱：在vue中實(shí)現(xiàn)嵌套頁面的方法-創(chuàng)新互聯(lián)
網(wǎng)頁網(wǎng)址：http://weahome.cn/article/jodpe.html