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是复制失败的处理函数

<el-button type="text"
        icon = "el-icon-document-copy"
        size="medium"
        v-show="scope.row.one==='镜像地址'"
        v-clipboard:copy="copyMessage"
        v-clipboard:success="onCopy"
        v-clipboard:error="onError"></el-button>

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

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