如何在 Vue 组件中包含 <script> 标签 [重复]答案

【问题标题】：How to include a <script> tag on a Vue component [duplicate]如何在 Vue 组件中包含 <script> 标签 [重复]
【发布时间】：2018-10-17 08:49:41
【问题描述】：

如何在 Vue 组件中包含标签

这不仅仅是普通的脚本，而是在里面

 <form class="checkout-form" name="checkoutForm" method="POST" action="/checkout">
      <script type="text/javascript" src="https://cdn.omise.co/omise.js"
              data-key="YOUR_PUCLIC_KEY"
              data-frame-label="Merchant site name"
              data-frame-description="Merchant site description"
              data-default-payment-method="bill_payment_tesco_lotus"
              data-other-payment-methods="internet_banking, bill_payment_tesco_lotus, alipay, credit_card"
              data-amount="10025"
              data-currency="usd"
              data-button-label="Click to see an example">
      </script>
    </form>

【问题讨论】：

看看omise.co/omise-js-api，有其他方法可以使用 Omise API，而不需要表单内的脚本。

标签： javascript vue.js vuejs2

【解决方案1】：

在我的选择中，此代码是更好的方法，使用 vuemeta

export default {
  data() {
    return {
      scriptOmine: {
        src: 'https://cdn.omise.co/omise.js'
        'data-key': 'YOUR_PUCLIC_KEY',
        'data-frame-label': 'Merchant site name',
        ...
      }
    }
  },
  metaInfo: {
    title: 'My Example App',
    bodyScript: [
      { src: 'js/example.js' },
      { this.scriptOmine }
    ]
  }
}

更简单易读

【讨论】：