vue中如何实现复制内容到剪切板详解_vue.js_

 ..... 

copyText(row, column, cell, event){ // 双击复制 let save = function (e){ e.clipboardData.setData('text/plain',event.target.innerText); e.preventDefault(); //阻止默认行为 } document.addEventListener('copy',save);//添加一个copy事件 document.execCommand("copy");//执行copy方法 this.$message({message: '复制成功', type:'success'})//提示 } 

 {{ msg }} 

clickCopy(msg) { const save = function(e) { e.clipboardData.setData('text/plain', msg) e.preventDefault() // 阻止默认行为 } document.addEventListener('copy', save) // 添加一个copy事件 document.execCommand('copy') // 执行copy方法 this.$message({ message: '复制成功', type: 'success' }) } 

clickCopy(msg) { const save = function(e) { e.clipboardData.setData('text/plain', msg) e.preventDefault() // 阻止默认行为 } const once = { once: true } document.addEventListener('copy', save, once) // 添加一个copy事件,当触发时执行一次,执行完删除 document.execCommand('copy') // 执行copy方法 this.$message({ message: '复制成功', type: 'success' }) }