Vue.component('remote-script', {
render: function (createElement) {
var self = this
return createElement('script', {
attrs: {
type: 'text/javascript',
src: this.src
},
on: {
load: function (event) {
self.$emit('load', event)
},
error: function (event) {
self.$emit('error', event)
},
readystatechange: function (event) {
if (this.readyState === 'complete') {
self.$emit('load', event)
}
}
}
})
},
props: {
src: {
type: String,
required: true
}
}
})
使用
<remote-script src="//iframe.js"></remote-script>
在vue组件中引用js文件 封装remote-script
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
相关阅读更多精彩内容
- 相信很多新手小伙伴都会遇到这样一个问题,就是我如何引用一个外部文件中的变量,下面我为大家分享一下解决办法: (如果...
- 首先你的有一个接口文件,我通常是通常是放在api.js中,这个文件中,结构大概是如下图所示: 现在,假如我们要在自...
- vue文件中的script脚本中如果需要引入数据或者外部css/js文件的话一定要将该数据/css/js文件放在s...
- 解决vue包很大问题,首次加载很慢问题。常见的解决方法有1.cdn 引入 在index页,script标签引入各...