[Vue.js] script src 여러개 사용하기

Yeoonnii·2022년 11월 24일
0

Vue

목록 보기
12/13

onMounted에서는 script를 여러개 사용할 수 없다
아래와 같은 형태는 사용 불가하다

 onMounted(()=>{
 ...
 
let scriptTag = document.createElement('script');
scriptTag.setAttribute('src', '//t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js')
document.head.appendChild(script)
 
...

let payscript = document.createElement('payscript');
payscript.setAttribute('src', '"https://cdn.iamport.kr/js/iamport.payment-1.2.0.js"')
document.head.appendChild(payscript)

});

src 여러개 사용하기

let scripts = [
    "https://www.gstatic.com/charts/loader.js",
    "https://www.gstatic.com/charts/loader.js"
];
for (let i = 0; i < scripts.length; i++) {
    let script = document.createElement('script');
    script.setAttribute('type', 'text/javascript');
    script.setAttribute('src', scripts[i]);
    script.async = true;
    document.getElementsByTagName('head')[0].appendChild(script);
}


<script src=""/>

참고링크

0개의 댓글