vue项目如何实现剪切板功能--vue-clipboard2

1、安装vue-clipboard2插件：

npm install --save vue-clipboard2

2.main.js添加

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

3.copy组件：message绑定需要复制的文本/onCopy复制成功回调/onError复制失败回调，在需要复制的地方调用

v-clipboard:copy="message"
v-clipboard:success="onCopy"
v-clipboard:error="onError" 

另外补充：
原生js实现点击按钮，复制文本框中的的内容

用户定义的代码区域

转载自：https://blog.csdn.net/qq_33485463/article/details/80454635