导航:首页 > 编程语言 > 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

友情链接