在vue項目中通過iframe引入jquery項目


最近公司因為原來的jq框架存在的問題太多,所以要進行主題框架的重新搭建,我使用的vue進行的主題框架的重新搭建,但是原來的頁面已經完成很多了,而且都是使用的jquery進行開發的

在vue中引入jquery項目的關鍵就是在組件中通過iframe進行引入,在開發的時候把原來的jquery放在public文件夾下,在通過iframe引入的時候的地址使用絕對路徑的方法,而路徑的根目錄就是public,其余的配置按照正常的vue項目開發,進行路由的配置

 

 static是放在public文件夾下的

在對iframe進行寬高的設置,如果項目的主體部分設置了寬高的話就直接設置100%就可以了,如果是靠內容撐開高度的話就要進行窗口高度的獲取並通過計算后設置給iframe,並且設置在窗口改變大小的時候進行iframe的寬高的自適應。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM