導航:首頁 > 編程語言 > vuejswindowonload

vuejswindowonload

發布時間:2025-07-23 00:11:26

A. vue外部js動態載入

vue載入遠程(網路)js

vue項目中有時候會遇到載入遠程(網路)js的情況,常用的方法有以下兩種:

以載入在線的cesium為例

在組件中可以通過window.Cesium來獲取載入的js,示例如下:

在main.js里注冊組件

注意:注冊組件一定要在newVue之前

在組件中使用:

這樣使用比較靈活還能在載入完成和載入失敗時做一些操作。

vue項目中插入外部js

script1.onload要在頁面載入js之前寫

···

constcenterRotationAd=document.getElementById("centerRotationAd");

···

VUE中如何動態編譯js

需求:動態獲取一段字元串類型的js腳本,動態編譯它並且可以完美在vue中運行與之交互。

實現:動態編譯js的方式有eval和newfunction

簡單例子:

eval:

newfunction:

顯然後者更利於擴展,詳細了解區別可以參考鏈接內容:

要注意使用newFunction,在vue環境中直接賦值的方式函數作用域與賦值vue結構對象不同:

如何在.vue文件中引入外部js

Vue的createElement方法,簡單的封裝一個組件解決問題。

解決方法

第一版代碼(直接在操作Dom)如下:

exportdefault{

mounted(){

consts=document.createElement('script');

s.type='text/javascript'

s.src=''

document.body.appendChild(s);

},

}

使用createElement方法:

exportdefault{

components:{

'dingtalk':{

render(createElement){

returncreateElement(

'script',

{

attrs:{

type:'text/javascript',

src:'',

},

},

);

},

},

},

}

//使用在頁面中調用

終極方案

通過封裝一個組件remote-js實現:

exportdefault{

components:{

'remote-js':{

render(createElement){

returncreateElement('script',{attrs:{type:'text/javascript',src:this.src}});

},

props:{

src:{type:String,required:true},

},

},

},

}

使用方法:

remote-jssrc=""remote-js

閱讀全文

與vuejswindowonload相關的資料

熱點內容
進什麼網站 瀏覽:588
修改了配置文件代碼沒有讀出來 瀏覽:749
vss資料庫是什麼 瀏覽:899
奇跡13單機系統找不到指定文件 瀏覽:719
flyme魅藍3以前的版本 瀏覽:318
安卓文件管理哪些文件夾可以刪除 瀏覽:290
安卓車載導航沒有聲音是怎麼回事 瀏覽:810
cjson數組格式 瀏覽:159
vb文件在哪裡 瀏覽:215
工廠里都招什麼編程人員 瀏覽:932
jspsql登錄 瀏覽:981
網路用語粉絲閱讀什麼意思 瀏覽:333
紅頭文件怎麼列印 瀏覽:94
熱血江湖130刺客升級 瀏覽:106
jsp頁面放大鏡技術介紹 瀏覽:101
網路編程udp 瀏覽:148
加密壓縮文件如何打開 瀏覽:56
微軟編程軟體有哪些 瀏覽:736
linux目錄中創建文件夾許可權設置密碼 瀏覽:759
word文檔正式文件模版 瀏覽:247

友情鏈接