Vuejs copy to clipboard

Vue js copy text to clipboard

  methods: {
    copyURL() {
      var Url = this.$refs.mylink;
      Url.innerHTML = window.location.href;
      console.log(Url.innerHTML)
      Url.select();
      document.execCommand("copy");
    }
  }

Source: stackoverflow.com

Vue copy image to clipboard

// Copies the image as a blob to the clipboard (PNG only)
navigator.clipboard.write([
  new window.ClipboardItem({
    [blob.type]: blob,
  }),
])

Vuejs copy to clipboard

copyLink(link) {  
const el = document.createElement('textarea');  
        el.value = link;                    
        el.setAttribute('readonly', '');                
        el.style.position = 'absolute';                     
        el.style.left = '-9999px';                      
        document.body.appendChild(el);                  
        const selected =  document.getSelection().rangeCount > 0  ? document.getSelection().getRangeAt(0) : false;                                    
        el.select();                                    
        document.execCommand('copy');                   
        document.body.removeChild(el);                  
        if (selected) {                                 
          document.getSelection().removeAllRanges();    
          document.getSelection().addRange(selected);   
        }
}

Similar codes

2 votes286 views2 answers
Vuex use state in action
Javascript Vue
0 vote279 views1 answer
Vue reset all data to default
Javascript Vue
0 vote283 views1 answer
Vue event two parameter with e
Javascript Vue
11 votes312 views2 answers
Vue router push
Javascript Vue
1 vote283 views1 answer
Vue js copy text to clipboard
Javascript Vue
0 vote284 views1 answer
Import downloadCsv from "vue-json-csv";
Javascript Vue
0 vote289 views1 answer
Vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in nextTick: "RangeError: Maximum call stack size exceeded"
Javascript Vue
29 votes392 views4 answers
Create new project vue
Javascript Vue
0 vote310 views1 answer
Vue problem (You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file)
Javascript Vue
0 vote307 views1 answer
How to securely post form data to api vuejs
Javascript Vue