Breaking News: Grepper is joining You.com. Read the official announcement!

load external script in vue

Zeevx answered on March 9, 2022 Popularity 8/10 Helpfulness 2/10

answer load external script in vue

related vue add external script

load external script in vue

Comment

// PROJECT/src/assets/external.js

function head_script(src) {
    if(document.querySelector("script[src='" + src + "']")){ return; }
    let script = document.createElement('script');
    script.setAttribute('src', src);
    script.setAttribute('type', 'text/javascript');
    document.head.appendChild(script)
}

function body_script(src) {
    if(document.querySelector("script[src='" + src + "']")){ return; }
    let script = document.createElement('script');
    script.setAttribute('src', src);
    script.setAttribute('type', 'text/javascript');
    document.body.appendChild(script)
}

function del_script(src) {
    let el = document.querySelector("script[src='" + src + "']");
    if(el){ el.remove(); }
}


function head_link(href) {
    if(document.querySelector("link[href='" + href + "']")){ return; }
    let link = document.createElement('link');
    link.setAttribute('href', href);
    link.setAttribute('rel', "stylesheet");
    link.setAttribute('type', "text/css");
    document.head.appendChild(link)
}

function body_link(href) {
    if(document.querySelector("link[href='" + href + "']")){ return; }
    let link = document.createElement('link');
    link.setAttribute('href', href);
    link.setAttribute('rel', "stylesheet");
    link.setAttribute('type', "text/css");
    document.body.appendChild(link)
}

function del_link(href) {
    let el = document.querySelector("link[href='" + href + "']");
    if(el){ el.remove(); }
}

export {
    head_script,
    body_script,
    del_script,
    head_link,
    body_link,
    del_link,
}

Popularity 8/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: external-script javascript load

Link to this answer
Share Copy Link

Contributed on Feb 16 2023

Zeevx

0 Answers Avg Quality 2/10

Closely Related Answers

vue add external script

Comment

components: {
 SomeComponent: () => {
  return new Promise((resolve, reject) => {
   let script = document.createElement('script')
   script.onload = () => {
    resolve(import(someComponent))
   }
   script.async = true
   script.src = 'https://maps.googleapis.com/maps/api/js?key=APIKEY&libraries=places'
   document.head.appendChild(script)
  })
 }
},

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: add

Link to this answer
Share Copy Link

Contributed on Mar 09 2022

sunrisevotre mariage

0 Answers Avg Quality 2/10

load external script in vue

Contents

More Related Answers

load external script in vue

Closely Related Answers

vue add external script

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.