在vue中使用iframe 引用HTML頁面

2021-10-20 17:30:27 字數 927 閱讀 1339

在vue中引入iframe設定src屬性 兩種方式

使用絕對路徑 例如

使用相對路徑 要引入的檔案放在public下 src:「ofd/ofd.html」

vue中呼叫iframe引用的ofd.html裡面的方法

第一步 在ofd.html 建立隱藏的按鈕

![在這裡插入描述](

第二部 vue中

mainframepdf是vue中iframe的id initbtn是ofd.html中的按鈕id

在vue中使用initbtn按鈕的click() 去觸發ofd.html中initobject()函式

傳參:目前沒找到方法 在ofd.html中呼叫vue中的變數或方法 網上的parent.vm沒成功

ps:在index.html中使用iframe引用index1.html 在子頁面可以使用parent.+ 變數或函式名 直接呼叫

我用的是通過頁面傳參

例如 在url後面用?做鏈結 width=1300是要傳遞的寬度 &連線下乙個傳參

在ofd.html中使用location.search 獲取到url後面所有引數 通過substr等方法處理資料

vue元件中使用iframe元素

需要在本頁面中展示vue元件中的超連結,位址列不改變的方法 goback 需要使同層元素不被覆蓋,可以加 不過html5有新的dialog元素用於對話方塊。iframe的一些方法 獲取iframe內容 var iframe document.getelementbyid iframe1 var iw...

在Vue中使用Sass

sass 是什麼?sass又稱scss,它是css預處理之一。它在css語法的基礎上增加了變數 巢狀 混合巨集 繼承 佔位符等等高階功能。那什麼是css預處理器呢?簡單理解就是,css預處理是一種專門的程式語言,通過該語言進行web頁面設計,然後再編譯成正常的css檔案,以供專案使用。css預處理器...

在vue中使用wowjs

1 安裝依賴 npm install wowjs s 2 main.js中引入 引入animate.css,安裝wowjs之後,直接引入 import animate.css 3 在需要使用wowjs的元件中使用 在標籤上新增動畫的類名 data wow duration 動畫持續時間 data w...