vue-clipboards

在vue中使用clipboard.js 时候发现一个问题,如果移动端不是input或者button,则复制不成功,使用步骤如下
1. 引入clipboard.js

npm install clipboard --save

2. 在需要使用的组件中import

import Clipboard from 'clipboard';

3. 添加需要复制的内容

<button class="tag-read" data-clipboard-text="复制" @click="copy">复制内容</button>

4.copy() {
let clipboard = new Clipboard('.tag-read')
clipboard.on('success', e => {
console.log('复制成功')
// 释放内存
clipboard.destroy()
})
clipboard.on('error', e => {
// 不支持复制
console.log('该浏览器不支持自动复制')
// 释放内存
clipboard.destroy()
})
}

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 前言 最先接触编程的知识是在大学里面,大学里面学了一些基础的知识,c语言,java语言,单片机的汇编语言等;大学毕...
    oceanfive阅读 8,452评论 0 7
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,088评论 19 139
  • 文|冰籽 每个故事都有着深深的情感呢。亲情,友情,夫妻之间,还有来自家贺这位新参者的博爱……对于其中的推理,我是没...
    冰籽阅读 2,890评论 4 2
  • 文||小确幸韬 不知不觉来简书半死不活四个多月了,这期间,我发生了很多改变。 通过自己的努力,我很意外的就成为了三...
    小确幸韬阅读 4,010评论 57 21
  • 页面引入百度地图API: 产生如下问题: 即为报错:A Parser-blocking, cross-origin...
    Ernest_Chou阅读 26,725评论 11 2

友情链接更多精彩内容