How to include a <script> tag on a Vue component [duplicate]

Question

how to include a tag on a Vue component

it's not just normal script but it inside

 <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>

Looking at omise.co/omise-js-api, there are alternative ways to use the Omise API without requiring the script inside the form. — jjmontes
– jjmontes, Commented May 7, 2018 at 14:06

Adriano Resende · Accepted Answer · 2018-05-07 14:08:02Z

2

In my option, this code is better way, use 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 }
    ]
  }
}

Is more simpler and readable

More doc: https://github.com/declandewet/vue-meta#script-object

answered May 7, 2018 at 14:08

Adriano Resende

2,6291 gold badge31 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to include a <script> tag on a Vue component [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related