安装依赖

npm install --save vue-clipboard2

用法:

import Vue
import VueClipboard from 'vue-clipboard2' Vue.use(VueClipboard)

Demo:

<template id="demo">
<div class="container">
<input type="text" v-model="message">
<button type="button"
v-clipboard:copy="message"
v-clipboard:success="onCopy"
v-clipboard:error="onError">复制</button>
</div>
</template>
<script>
new Vue({
el: '#app',
template: '#demo',
data: function () {
return {
message: '啦啦啦,这是复制的内容!'
}
},
methods: {
onCopy: function (e) {
console.log('你刚刚复制: ' + e.text)
},
onError: function (e) {
console.log('无法复制文本!')
}
}
})
</script>

后记:vue简直把懒惰发挥到了极致,为棒棒的自己点赞

最新文章

  1. Highcharts使用指南
  2. STM32之PWM波形输出配置总结
  3. Android之Fragment(一)
  4. spring mvc返回json字符串数据,只需要返回一个java bean对象就行,只要这个java bean 对象实现了序列化serializeable
  5. Shell指令
  6. 《python源代码剖析》笔记 python中的Dict对象
  7. 64位windows8.1编译openjdk8
  8. Angular - - angular.Module
  9. 将Flask应用程序部署在nginx,tornado的简单方法
  10. CentOS6.5 [ERROR] /usr/libexec/mysqld: Can&#39;t create/write to file &#39;/var/lib/mysqld/mysqld.pid&#39; (Errcode: 2)
  11. Elasticsearch笔记四之配置参数与核心概念
  12. DS控件库 DS按钮多种样式
  13. Linux 系统假死的解决方案
  14. python3+Robot Framework+PyCharm环境部署及执行脚本
  15. Axis接口
  16. abaqus重新划分网格
  17. C#实现RSA加密与解密、签名与认证(转)
  18. January 04th, 2018 Week 01st Thursday
  19. H3C系列之三层交换机开启telnet管理的配置
  20. SQL Server 存储过程 (需整理)

热门文章

  1. Ffmpeg转码研究一
  2. Linux上用nginx搭建RTMP服务器
  3. BZOJ5461: [PKUWC2018]Minimax
  4. Unity Webplayer installation error- Unity Webplayer update finished, but installed..
  5. http头部解释
  6. UOJ#164:【清华集训2015】V
  7. python中全局变量的使用
  8. 实用的原生js图片轮播
  9. 时间倒计时 JS
  10. 面向对象要点(this关键字)