经常遇到一键复制功能,简单记录一下。这里使用的是clipboard插件:https://clipboardjs.com/

  第一步

    安装:npm install clipboard --save

  第二步: 

    引入:

      import clipboard from 'clipboard';
      Vue.prototype.clipboard = clipboard;

  第三步:

    使用:

      <button data-clipboard-action="copy" class="cobyDomObj" :data-clipboard-text="复制内容" @click="copyLink">
        复制按钮
      </button>

      copyLink() {
        let _this = this;
        let clipboardObj = new this.clipboard(".cobyDomObj");
        clipboardObj .on('success', function () {
          _this.$toast("复制成功")
        });
        clipboardObj .on('error', function () {
          _this.$toast("复制失败")
        });
      }

  

最新文章

  1. C++ std::multimap
  2. 解决国内npm依赖包安装慢的问题
  3. 通过form表单获取值
  4. Linux网络栈下两层实现
  5. Java 集合系列目录(Category)
  6. 树形dp Anniversary party(HDU1520)
  7. mysql语句大全
  8. ti processor sdk linux am335x evm /bin/setup-package-install.sh hacking
  9. supesite 连 discuz 论坛记录
  10. poj1740 A New Stone Game
  11. WPF中当鼠标移到按钮上时,按钮的背景图片消失的问题
  12. OAuth2.0基本流程
  13. C#使用Thrift简介,C#客户端和Java服务端相互交互
  14. usb免驱动摄像头实验
  15. 微信小程序初体验--封装http请求
  16. GBDT,Adaboosting概念区分 GBDT与xgboost区别
  17. MyEclipse10.0 配置 Tomcat1.7
  18. python 类方法的互相调用及self的含义
  19. java 泛型详解(转)
  20. Nginx日志过滤 使用ngx_log_if不记录特定日志

热门文章

  1. 利用Azure Media Services Explorer发布VOD视频
  2. 发送邮件 tp5.1 5.0都可以,实测有效
  3. android studio run得时候 选择开启对话框
  4. 值得关注的sql-on-hadoop框架
  5. Redis学习三:Redis数据类型
  6. Python入门系列教程(四)字典
  7. 美轮美奂!9款设计独特的jQuery/CSS3全新应用插件(下拉菜单、动画、图表、导航等)
  8. 【BZOJ】1828: [Usaco2010 Mar]balloc 农场分配(经典贪心)
  9. JVM性能调优监控工具详解
  10. xgboost与sklearn的接口