vue实现复制功能

1.安装

npm install --save vue-clipboard2

2.在main.js中引入

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

3.
点击一键复制,复制链接

 <el-button type="primary" size="mini" class="copy-button" v-clipboard:copy="this.activity_link" v-clipboard:success="onCopy" v-clipboard:error="onError" >一键复制</el-button>

这里的this.activity_link是需要复制的文本内容

     onCopy(e) {
      this.$message.success("复制成功");
    },
    onError(e) {
      this.$toast("复制失败");
    },