javascript - 如何在 Vue 组件上包含 <script> 标签

Question

如何在 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>

Answer 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 }
    ]
  }
}

更加简单易读

更多文档:https://github.com/declandewet/vue-meta#script-object