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

0 vote170 views1 answer
Electron vue printer
Javascript Vue
0 vote173 views2 answers
Vuejs install [email protected] requires a peer of ajv@^6.9.1
Javascript Vue
1 vote162 views2 answers
Lazy Loading Routes vue
Javascript Vue
0 vote163 views1 answer
Hide component on click vue
Javascript Vue
0 vote182 views1 answer
Webpack ReferenceError: process is not defined #871 electron vue
Javascript Vue
-1 vote154 views1 answer
Vuex store in js file
Javascript Vue
0 vote156 views1 answer
Nuxt vuetify google fonts undefined
Javascript Vue
0 vote170 views1 answer
How to run method in method vue js on load
Javascript Vue
29 votes383 views4 answers
Create new project vue
Javascript Vue
77 votes449 views6 answers
Install vue-cli
Javascript Vue