☰

VueJS コンポーネントに外部 JS スクリプトを追加するにはどうすればいいですか? 質問する

tag-icon • tag-icon javascript vue.js vuejs2 vue-component vue-router
VueJS コンポーネントに外部 JS スクリプトを追加するにはどうすればいいですか? 質問する

支払いゲートウェイには 2 つの外部スクリプトを使用する必要があります。

現在は両方ともindex.htmlファイルに格納されています。

ただし、これらのファイルを最初からロードしたくはありません。

支払いゲートウェイは、ユーザーが特定のコンポーネント ( using router-view) を開く場合にのみ必要です。

これを実現する方法はありますか?

ありがとう。

ベストアンサー1

mounted()これを解決する簡単で効果的な方法は、コンポーネントのvueに外部スクリプトを追加することです。Google Recaptcha脚本：

<template>
   .... your HTML
</template>

<script>
  export default {
    data: () => ({
      ......data of your component
    }),
    mounted() {
      let recaptchaScript = document.createElement('script')
      recaptchaScript.setAttribute('src', 'https://www.google.com/recaptcha/api.js')
      document.head.appendChild(recaptchaScript)
    },
    methods: {
      ......methods of your component
    }
  }
</script>

ソース：https://medium.com/@lassiuosukainen/vue コンポーネントにスクリプトタグを含める方法 fe10940af9e8

おすすめ記事