vue 使用clipboard实现复制功能
2018-01-26 10:26
756 查看
1. 引入clipboard.js
npm install clipboard --save2. 在需要使用的组件中import
import Clipboard from 'clipboard';3. 添加需要复制的内容
<button class="tag-read" data-clipboard-text="我是可以复制的内容,啦啦啦啦" @click="copy">立即阅读</button>4.
copy() { var clipboard = new Clipboard('.tag-read') clipboard.on('success', e => { console.log('复制成功') // 释放内存 clipboard.destroy() }) clipboard.on('error', e => { // 不支持复制 console.log('该浏览器不支持自动复制') // 释放内存 clipboard.destroy() }) }
相关文章推荐
- Vue中使用clipboard实现复制功能
- Zero Clipboard js+swf实现的复制功能使用方法
- Zero Clipboard js+swf实现的复制功能使用方法
- Zero Clipboard js+swf实现的复制功能使用方法
- Zero Clipboard js+swf实现的复制功能使用方法
- Zero Clipboard js+swf实现的复制功能使用方法
- 使用clipboard.js实现复制功能的示例代码
- Zero Clipboard js+swf实现的复制功能使用方法
- Zero Clipboard js+swf实现的复制功能使用方法
- Zero Clipboard js+swf实现的复制功能使用方法
- Zero Clipboard js+swf实现的复制功能使用方法
- 使用标准io实现文件复制功能
- 现在不使用ZeroClipboard我们也能实现复制功能(转)
- 使用Vue-Router 2实现路由功能
- js一键复制,Clipboard.js:不用Flash实现剪贴板功能的轻量级JavaScript库
- CentOS下使用rsync实现定时复制功能
- java多文本框使用右键弹出菜单复制粘贴剪切功能实现
- vue2.0使用Sortable.js实现的拖拽功能示例
- 使用Zeroclipboard实现复制功能
- ZeroClipboard.js实现js复制功能(兼容ie9 和 ie10)