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="http://iframe.js"></remote-script>
在vue組件中引用js文件 封裝remote-script
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
推薦閱讀更多精彩內容
- 相信很多新手小伙伴都會遇到這樣一個問題,就是我如何引用一個外部文件中的變量,下面我為大家分享一下解決辦法: (如果...
- 首先你的有一個接口文件,我通常是通常是放在api.js中,這個文件中,結構大概是如下圖所示: 現在,假如我們要在自...
- vue文件中的script腳本中如果需要引入數據或者外部css/js文件的話一定要將該數據/css/js文件放在s...
- 解決vue包很大問題,首次加載很慢問題。常見的解決方法有1.cdn 引入 在index頁,script標簽引入各...