vue使用vue-clipboard2实现复制链接的功能

实现点击复制链接可以进行链接的复制，并显示提示信息

1.安装vue-clipboard2插件

npm install --save vue-clipboard2

2.在需要引入的组件内引入插件

import Vue from "vue";
import VueClipboard from "vue-clipboard2";
Vue.use(VueClipboard);

3.html代码

<span class="cursor button-blue" v-clipboard:copy="scope.row.channelUrl" v-clipboard:success="onCopyUrl" v-clipboard:error="onErrorUrl" v-if="scope.row.status == 1">复制链接</span>

4.methods方法

onCopyUrl: function(e) {
this.$message.success("复制成功！");
},
onErrorUrl: function(e) {
this.$message.success("复制失败！");
},