vue-clipboard一键复制到粘贴板

介绍

Vue-Clipboard3 是一个跨平台的剪贴板插件，可以在 Vue.js 2.x 或 3.x、JavaScript 或 TypeScript 项目中使用
这个插件有一个toClipboard方法，大概长这样

安装

npm install --save vue-clipboard3

组件内使用

import {ElNotification} from "element-plus"
import cb3 from "vue-clipboard3"

//es6写法，相当于const to cb3().toClipboard
const {toClipboard} = cb3()

const copyToClipboard = (el) =>{
	let buttonTextValue = el.target.innerText
	//复制颜色到粘贴板,括号里面记得传参数,虽然没写但是我这里用的是button
	toClipboard(buttonTextValue).then(()=>{
	ElNotification.sucess({
		title:'Sucess',
		message:'颜色'+buttonTextValue+'已复制到粘贴板',
		offset:200,
	})
	})
	
}