实现点击复制链接可以进行链接的复制,并显示提示信息 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("复制失败!");
},