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
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 相信很多新手小伙伴都会遇到这样一个问题，就是我如何引用一个外部文件中的变量，下面我为大家分享一下解决办法： （如果...
- 首先你的有一个接口文件，我通常是通常是放在api.js中，这个文件中，结构大概是如下图所示： 现在，假如我们要在自...
- vue文件中的script脚本中如果需要引入数据或者外部css/js文件的话一定要将该数据/css/js文件放在s...
- 解决vue包很大问题，首次加载很慢问题。常见的解决方法有1.cdn 引入 在index页，script标签引入各...
