vue+elementUI实现点击表格中某一个单元格进行复制其内容

vue+elementUI实现点击表格中某一个单元格进行复制其内容
在下面案例中复制的是链接这一列
1.安装插件vue-clipboard2
npm install vue-clipboard2 --save
2.在main.js中引入
import Vue from ‘vue’
import VueClipboard from ‘vue-clipboard2’
Vue.use( VueClipboard )
3.在页面中使用
在template中：

 <el-table-column label="链接">
        <el-tag
          slot-scope="scope"
          @click="handleCopyLink(scope.row)"
        >
          {{ scope.row.pic_url }}
        </el-tag>
</el-table-column>

在methods中定义方法 handleCopyLink即可：

 handleCopyLink(row) {
      // console.log(row)
      let _this = this;
      this.$copyText(row.pic_url).then(
        function (e) {
          _this.$message({
            showClose: true,
            message: "复制成功",
            type: "success",
          });
        },
        function (e) {
          _this.$message({
            showClose: true,
            message: "复制失败，请手动复制",
            type: "error",
          });
        }
      );
    },

row.pic_url：该行复制的字段