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

vue add external script

sunrisevotre mariage answered on March 9, 2022 Popularity 9/10 Helpfulness 4/10

answer vue add external script

related load external script in vue

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 external-script javascript

Link to this answer
Share Copy Link

Contributed on Mar 09 2022

sunrisevotre mariage

0 Answers Avg Quality 2/10

Closely Related Answers

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

Link to this answer
Share Copy Link

Contributed on Feb 16 2023

Zeevx

0 Answers Avg Quality 2/10

vue add external script

Contents

More Related Answers

vue add external script

Closely Related Answers

load external script in vue

Grepper

Documentation

Social

Legal

Contact

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