vue通过v-clipboard实现一键复制功能

关注公众号【Miles】查看更多技术文档

 <el-button
    type="text"
    v-clipboard:copy="copyContent"
    v-clipboard:success="handleCopy"
    v-clipboard:error="handleError"
  >点击复制</el-button>
  
  let copyContent = "我是被复制的内容";
  
  handleCopy() {
    this.$messagesouth({
      message: "复制成功",
      type: "comm",
      center: true
    });
  }
  handleError() {
    this.$messagesouth({
      message: "复制失败",
      type: "comm",
      center: true
    });
  }

效果如下图所示：

点击复制，复制成功之后，carl+V粘贴即可。

来源：https://juejin.cn/post/6923092170572791822