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
    });
  }

效果如下图所示：


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

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

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
禁止转载，如需转载请通过简信或评论联系作者。

推荐阅读更多精彩内容