解决vue单页文件引入js的问题

1.在main.js中引入

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
        }
    }
});

2.在所需要的引入外部js的页面使用

<remote-script src=""></remote-script>

src地址里面填要引入js文件的地址即可

经验分享 程序员 微信小程序 职场和发展