vue实现文本复制

一. 下载插件

npm install --save vue-clipboard2

二. main.js

import VueClipBoard from 'vue-clipboard2'

Vue.use(VueClipBoard)

三. 使用

html部分 点击查看代码

<el-button
            size="mini"
            type="text"
            icon="el-icon-document-copy"
            v-clipboard:copy="scope.row.productName"
            v-clipboard:success="productNameCopySuccess"
            v-clipboard:error="productNameCopyError"
            >复制名称</el-button
          >

js部分 点击查看代码

    productNameCopySuccess(e){
      this.$modal.msgSuccess("复制名称成功,内容如下: "+ e.text);
    },
    productNameCopyError(e){
      this.$modal.error("复制名称失败");
    },