想在單頁面使用，而又不想通npm安裝，那個(gè)可以通過創(chuàng)建一個(gè)component的方式來引入，如下
<template>
?????<div id="baseReport" >
?????????<remote-css />
? ? ? ? ?<remote-js src="https://cdn.bootcss.com/bootstrap/4.2.1/js/bootstrap.bundle.js" />
? ? ? </div>
</template>
<script>
export default {
????components:{
?????????'remote-css': {
?????????????render(createElement) {?
????????????????return createElement('link', { attrs: { rel: 'stylesheet', href: this.href }});
?????????????},
?????????????props: {
????????????????href: { type: String, required: true },
?????????????},
????????????},
? ? ? ? 'remote-js': {
? ? ? ? ? ? render(createElement) {
? ? ? ? ? ? ? return createElement('script', { attrs: { type: 'text/javascript', src: this.src }});? ? ? ?
?????????????},
? ? ? ? ? ? props: {
????? ? ? ? ? ? src: { type: String, required: true },
? ? ? ? ? ? },
? ? ? ? },
? ? },
? name: "baseReport"
};
</script>
原文鏈接：https://blog.csdn.net/kielin/article/details/86649074
