如何使用 Nuxt Js 向腳本標簽添加數據屬性？

Question

<script src="https://js.sample.js/fetchsample" data-cb-site="your-site"   
 data-cb-fbq-enabled="true"> 
</script>

我有這個腳本。 在nuxt js中我們有這種結構

 script: [
{src: "https://js.sample.js/fetchsample" , data-cb-site="your site",  data-cb-fbq-enabled="true" }
]

但是我在添加 data-cb-ste 和 data-cb-fbq-enabled data 屬性時出錯。 錯誤：

SyntaxError: Unexpected token -
  at new Script (vm.js:86:7)
  at Generator.next (<anonymous>)
  at Object.Module._extensions..js (internal/modules/cjs/loader.js:947:10)

請幫我。

提前致謝。

Answer 1

您得到的 SyntaxError 中有一個提示：

語法錯誤：意外標記 -

破折號-不允許出現在引號之外的屬性名稱中。

因此，您需要將data-cb-site更改為"data-cb-site" ，您可以在對象字面量中定義它。

當你訪問的字段用破折號-的名稱，則必須使用方括號標記，例如object["data-cb-site"]不object.data-cb-site 。

script: [
  {
    src: "https://js.sample.js/fetchsample", 
    "data-cb-site": "your site",
    "data-cb-fbq-enabled": "true"
  }
]