Question

如何在Vue组件上包含标签

＆＃xA;＆＃xA;

它不仅仅是普通脚本，而是在

＆＃xA;＆＃xA;

内＆lt; form class =“checkout-form”name =“checkoutForm”method =“POST”action =“/ checkout”＆gt;＆＃xA; ＆lt; script type =“text / javascript”src =“https://cdn.omise.co/omise.js”＆＃xA;数据密钥= “YOUR_PUCLIC_KEY” ＆＃XA; data-frame-label =“商家网站名称”＆＃xA; data-frame-description =“商家网站描述”＆＃xA;数据 - 缺省 - 付款方法=“bill_payment_tesco_lotus”＆＃XA; data-other-payment-methods =“internet_banking，bill_payment_tesco_lotus，alipay，credit_card”＆＃xA;数据量= “10025” ＆＃XA;数据货币= “USD” ＆＃XA; data-button-label =“点击查看示例”＆gt;＆＃xA; ＆LT; /脚本＆GT;＆＃XA; ＆LT; /形式＆GT;＆＃XA;

＆＃XA;

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

如何在Vue组件上包含<script>标记

1 个答案: