vue 在组件里引入 remote js 文件

版权声明：本文为博主原创文章，未经博主允许不得转载。vasttian https://blog.csdn.net/u012860063/article/details/79259702

新写一个组件 remote 组件，然后组件里 src 的值通过 props 传递。

<template>
  <remote src="https://public.tableau.com/javascripts/api/tableau-2.min.js"></remote>
</template>
<script>
export default {
  components: {
    remote: {
      render(createEle) {
        return createEle('script', {
          attrs: {
            type: 'text/javascript',
            src: this.src,
          },
        });
      },
      props: {
        src: {
          type: String,
          required: true,
        },
      },
    },
  },
};
</script>

else:

How to include a <script> tag on a Vue component

created() {
  let ckeditor = document.createElement('script');    ckeditor.setAttribute('src',"//cdn.ckeditor.com/4.6.2/full/ckeditor.js");
  document.head.appendChild(ckeditor);
}