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实现点击按钮，复制文本框中的的内容

    用户定义的代码区域