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代码

 复制链接

4.methods方法

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

你可能感兴趣的:(项目中的小demo)