vue 引入外部js檔案 - 配置component
阿新 • • 發佈:2018-12-14
1.main.js
2.importJs.js
// 匯入外部js
import Vue from 'vue'
// 匯入外部js import Vue from 'vue' 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 } } });
3.vue使用
<remote-script src="https://pv.sohu.com/cityjson?ie=utf-8"></remote-script>
4.輸出