Vue 点击复制粘贴文本

https://www.cnblogs.com/sherlock-Ace/p/10803961.html

https://blog.csdn.net/weixin_42398560/article/details/90766534?depth_1-utm_source=distribute.pc_relevant.none-task&utm_source=distribute.pc_relevant.none-task

通过使用Vue-clipboard2实现

npm install --save vue-clipboard2
 
import Vue from 'vue'
import VueClipboard from 'vue-clipboard2'
 
Vue.use(VueClipboard)

select() 方法只对 input和 textarea有效 

     快递单号：


      复制单号

methods:{
        copy() {
         // var number = document.getElementById("danhao").value;//获取需要复制的值(innerHTML)
             document.getElementById("danhao").select(); // 选择对象
             document.execCommand("Copy"); // 执行浏览器复制命令
             alert('复制成功')
            }
    },

// 点击复制
copy (wechatId) {
	document.getElementById(wechatId).select() // 选择对象
	document.execCommand('Copy') // 执行浏览器复制命令
	console.log('复制成功')
}