Question

我想拉取脚本并手动将它们插入到VueJS组件中。例如，拉动Bootstrap CDN或其他外部JS脚本并将其手动插入VueJS组件。这可能吗？

谢谢！

Answer 1

以下组件插入jQuery librery，由于一些晦涩的原因，我被迫使用eval执行jQuery，我认为这与babel或vue cli有关。

<template>
  <div>
    <button @click="validate">Click me</button>
    <div id="div1">Check Load</div>
  </div>
</template>

<script>
  export default {
    data: () => ({
    }),

    mounted() {
      const myScript = document.createElement('script');
      myScript.setAttribute('src', 'https://code.jquery.com/jquery-3.3.1.min.js');

      const div1 = document.getElementById("div1");
      div1.appendChild(myScript);
    },
    methods: {
      validate () {
        eval(`$('#div1').html('jQuery Loaded')`);
      },
    }
  }
</script>

将脚本插入VueJS组件

1 个答案: