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

4,943 阅读1分钟

vue中实现一键复制的功能,可以通过v-clipboard来实现。

 <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粘贴即可。