導航:首頁 > 編程語言 > 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相關的資料

熱點內容
網路中常用的傳輸介質 瀏覽:518
文件如何使用 瀏覽:322
同步推密碼找回 瀏覽:865
樂高怎麼才能用電腦編程序 瀏覽:65
本機qq文件為什麼找不到 瀏覽:264
安卓qq空間免升級 瀏覽:490
linux如何刪除模塊驅動程序 瀏覽:193
at89c51c程序 瀏覽:329
怎麼創建word大綱文件 瀏覽:622
裊裊朗誦文件生成器 瀏覽:626
1054件文件是多少gb 瀏覽:371
高州禁養區內能養豬多少頭的文件 瀏覽:927
win8ico文件 瀏覽:949
仁和數控怎麼編程 瀏覽:381
項目文件夾圖片 瀏覽:87
怎麼在東芝電視安裝app 瀏覽:954
plc顯示數字怎麼編程 瀏覽:439
如何辨別假網站 瀏覽:711
寬頻用別人的賬號密碼 瀏覽:556
新app如何佔有市場 瀏覽:42

友情鏈接