Vue实现双击复制页面文字功能

领导要求双击项目中的文字可以 复制、粘贴文字，记录一下。。。

1. 在mounted方法中绑定双击事件；

mounted() {
	window.addEventListener('dblclick',this.copyText);
}

2. 复制文本方法

methods:{
	copyText(value){
		// 当前点击元素获取的值
	    value = value.target.innerHTML
	    let oInput = document.createElement("input");
	    oInput.setAttribute("value",value);
	    document.body.appendChild(oInput)
	    oInput.select();
	    document.execCommand("copy");
	    document.body.removeChild(oInput);
	    this.$message({message:'复制成功',type:'success'})
    }
}

3. 事件销毁

beforeDestroy(){
 	window.removeEventListener('dblclick',this.copyText)
}