Vue实现复制内容到剪贴板

题记

顾名思义，就是要实现剪贴板功能，其实也就是一个插件clipboard

---

1. 安装插件

npm install vue-clipboard2 --save

2. 全局注入（main.js）

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

3. 具体用法

v-clipboard:copy是复制到剪贴板的内容
v-clipboard:success是复制成功的处理函数
v-clipboard:error是复制失败的处理函数

// 剪贴板复制成功
onCopy: function () {
   this.$message({message:'已复制',duration:1000});
},
// 剪贴板复制失败
onError: function () {
   this.$message({message:'复制失败',duration:1000,type:"error"});
},

学废了学废了，妈妈再也不用担心我的学习