Nuxt Js를 사용하여 스크립트 태그에 데이터 속성을 추가하는 방법

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

제발 도와주세요.

잘 부탁드립니다.

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"
  }
]

언급URL : https://stackoverflow.com/questions/64141393/how-can-i-add-data-attribute-to-script-tag-using-nuxt-js