vue实现复制文本的功能

无敌的宇宙
无敌的宇宙
擅长邻域:Java,HTML,JavaScript,MySQL,支付,退款,图片上传

分类: vue 专栏: vue 标签: vue实现复制文本的功能

2024-01-18 23:12:32 467浏览

vue实现复制文本的功能,点击按钮复制
npm install clipboard --save
import Clipboard from 'clipboard'
 <el-tag class="tag-read"  :data-clipboard-text="FILE_URL+'/admin/goods/savejson'"  @click="toolClipboardCopy()">复制</el-tag>
   toolClipboardCopy(text){
                let clipboard = new Clipboard('.tag-read')
                clipboard.on('success', e => {
                    this.$message.success("已复制")
                    // 释放内存
                    clipboard.destroy()
                })
                clipboard.on('error', e => {
                    // 不支持复制
                    this.$message.success("该浏览器不支持自动复制")
                    // 释放内存
                    clipboard.destroy()
                })
            }
 

好博客就要一起分享哦!分享海报

此处可发布评论

评论(0展开评论

暂无评论,快来写一下吧

展开评论

您可能感兴趣的博客

客服QQ 1913284695