如何使用Nuxt Js将数据属性添加到脚本标签?

时间:2020-09-30 15:58:41

标签: javascript html vue.js vuex nuxt.js

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

请帮助我。

谢谢。

1 个答案:

答案 0 :(得分:1)

您收到的SyntaxError中有一个提示:

SyntaxError:意外令牌-

在引号之外的属性名称中不允许使用破折号var maxSequence = function(arr){ var curr_max = 0, max_so_far = 0; for(var i = 0; i < arr.length; i++){ curr_max = Math.max(0, curr_max + arr[i]); max_so_far = Math.max(curr_max, max_so_far); } return max_so_far; }

因此,您需要将-更改为data-cb-site,以在对象常量中定义它。

当您访问名称中带有破折号"data-cb-site"的字段时,必须使用方括号表示法,例如-不是object["data-cb-site"]

object.data-cb-site