前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >复制文字到剪贴板—Vue-clipboard2

复制文字到剪贴板—Vue-clipboard2

作者头像
Ewall
发布2019-08-18 22:54:20
1.6K0
发布2019-08-18 22:54:20
举报
文章被收录于专栏:vue学习

就这么一个简单的小组件,实现一个小功能;过了一段时间以后新需求要复现这个功能竟然又忘记了怎么写,又去找着github网址看了一下文档。。。。还是写下来。

1、安装

github上了解一下:Vue-clipboard2

代码语言:javascript
复制
$ npm install --save vue-clipboard2

2、使用

main.js中引入,当然你也可以在单个页面中引入。

引入

代码语言:javascript
复制
<template>
    <button class="btn" @click="doCopy">button</button>
</template>
代码语言:javascript
复制
doCopy() {
  this.$copyText('这里放入要粘贴的内容').then((e) => {
      // success
      console.log(e);
  }, (e) => {
      // fail
      console.log(e);
  });
}

3、结语

  • 我这是采用github官网示例中sample2的写法,我觉得是最简单的实现方式,其他的你可以去看看官网;
  • 希望这个功能以后五分钟能搞定,不要再费十分钟。
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019.08.14 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1、安装
  • 2、使用
  • 3、结语
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档