需求:点击复制标签id列中的101

一、定义点击事件 @click="clickCopy($event)"

<el-table-column label="域名url" align="center" prop="domainUrl" width="300">
    <template slot-scope="scope">
//感觉可以把 $event 替换成 scope.row
        <div @click="clickCopy($event)">{{ domainUrlFormat(scope.row) }}</div>
    </template>
</el-table-column>

二、定义接收方法

/** 点击复制 */
clickCopy(e) {
   console.log(e.target.innerText)
}

三、复制

避免两个this冲突const vm = this;

1、 this变量 不要乱放,最好永远放在所在闭包的 第一行,使用const 声明

2、vue实例的上下文推荐命名: vm

/** 点击复制 */
clickCopy(e) {
  const vm = this;
  //console.log(e.target.innerText)
  let copyText = e.target.innerText;
  this.$copyText(copyText).then(function (res) {
    console.log(res.text);
    if(res.text){
      vm.msgSuccess("复制成功");
    }
  });
}

Logo

前往低代码交流专区

更多推荐