如何使用 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 数据属性时遇到错误。错误：

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"]not object.data-cb-site。

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