文档章节

用Vue.JS实现复制到粘帖板功能

陈铁匠
 陈铁匠
发布于 2018/01/25 18:46
字数 144
阅读 5399
收藏 2

一个简单的Vue.js2绑定clipboard.js插件

安装依赖

npm install --save vue-clipboard2

用法:

对于vue-cli用户:

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

对于独立使用: 

<script src="vue.min.js"></script>
<!-- 必须在vue.js之后放置这一行 -->
<script src="dist/vue-clipboard.min.js"></script>

 

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>

 

© 著作权归作者所有

共有 人打赏支持
陈铁匠

陈铁匠

粉丝 14
博文 1
码字总数 144
作品 0
深圳
程序员
私信 提问
sharpcx/coinboard

跨平台自定义实时行情看板 前言 前段时间跟朋友炒币,总是需要打开交易平台才能看行情和炒币,有点麻烦,而且那个窗口也特别大,内容也很杂,所以跟我说能不能搞个跨平台的可以自己定制的行情...

sharpcx
2018/05/23
0
0
React与Vue模板使用比较(一、vue模板与React JSX比较)

前言 本人原为React开发者,现在转战Vue。在这些天接触Vue的日子里,说说自己的感觉:同样的登山活动,React就像父亲,给你必要的登山工具就让你出发了;Vue就像母亲,在你登山之前为你准备好...

barretem
03/05
0
0
vue-cli 3.0新特性解读

概述 在9 月 30 日的Vue.js 伦敦大会上, 作者尤雨溪介绍了 Vue 下一个版本将要发布的内容,以及 Vue 3.0 的开发路线,和后面版本的发展情况。虽然,Vue 3.0版本的正式版还没有发布,不过作为...

xiangzhihong
2018/10/23
0
0
vue和react的区别之我见

react和vue都是做组件化的,整体的功能都类似,但是他们的设计思路是有很多不同的。使用react和vue,主要是理解他们的设计思路的不同。 1.数据是不是可变的 react整体是函数式的思想,把组件...

凌霄光
2018/08/26
0
0
vue-router 实现分析

vue-router 是 Vue.js 官方的路由库,本着学习的目的,我对 vue-router 的源码进行了阅读和分析,分享出来给其他感兴趣的同学做个参考吧。 参考 源码:vuejs/vue-router v2.2.1 - github 文档...

luobotang
2017/03/25
0
0

没有更多内容

加载失败,请刷新页面

加载更多

rabbitmq安装教程

RabbitMQ有Windows与Linux版本的,这里先写Windows版本的安装。 以前安装软件总是在百度上找某某安装教程,结果能按照教程安装好的软件真的不多。想起先前以为大牛说的一句话,去官网按照官网...

em_aaron
今天
5
0
Android 贝塞尔曲线实践——波浪式运动

一、波浪效果如下 贝塞尔曲线自定义波浪效果的案例很多,同样方法也很简单,大多数和本案例一样使用二次贝塞尔曲线实现,同样还有一种是PathMeasure的方式,这里我们后续补充,先来看贝塞尔曲...

IamOkay
今天
2
0
Nmap之防火墙/IDS逃逸

选项 解释 -f 报文分段 --mtu 指定偏移大小 -D IP欺骗 -sI 原地址欺骗 --source-port 源端口欺骗 --data-length 指定发包长度 --randomize-hosts 目标主机随机排序 --spoof-mac Mac地址欺骗 ...

Frost729
今天
2
0
带你搭一个SpringBoot+SpringData JPA的环境

不知道大家对SpringBoot和Spring Data JPA了解多少,如果你已经学过Spring和Hibernate的话,那么SpringBoot和SpringData JPA可以分分钟上手的。 其实我在学完SpringBoot和SpringData JPA了之...

java菜分享
今天
7
0
Chocolatey 在Window搭建一个开发环境

在看了(利用 Chocolatey 快速在 Windows 下搭建一个开发环境)后,准备从零开始 一、准备工作 1、用管理员权限启动:powershell,执行错误请参考(PowerShell因为在此系统中禁止执行脚本的解...

近在咫尺远在天涯
今天
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部