Vue Clipboard 异步复制粘贴

<el-button type="primary" class="btn_zidingyi" plain size="mini" @click="copy_secret(row.id)" >
                       复制密钥
                   </el-button>
                   <div ref="content_bootom_copy" class="content-bootom-copy" :data-clipboard-text="appsecret" @click='toCopy'></div>

import Clipboard from 'clipboard'

copy_secret(id){
           scan_app_secret({id:id}).then(res => {
               this.appsecret = res.data
           })
           setTimeout(()=>{
               this.$refs.content_bootom_copy.click()
           },1000)

       },
       toCopy() {
           var clipboard = new Clipboard('.content-bootom-copy')
           clipboard.on('success', (e) => {
               console.log(e)
               this.$message({
                   message: '复制成功',
                   type: 'success'
               });
               clipboard.destroy()
           })
           // 复制失败执行的回调，可选
           clipboard.on('error', (e) => {
               this.$message({
                   message: '复制失败',
                   type: 'error'
               });
           })
       },

Vue Clipboard 异步复制粘贴相关推荐

clipboard实现复制粘贴功能,解决复制成功多次弹出问题.
1.引用该js <script type="text/javascript" src="${pageContext.request.contextPath}/mob ...
Vue 点击复制粘贴文本
https://www.cnblogs.com/sherlock-Ace/p/10803961.html https://blog.csdn.net/weixin_42398560/article/d ...
js实现复制并能保留原格式粘贴；vue中点击复制粘贴功能；vue复制功能（不需要插件）；
使用场景:vue项目中遇到点击按钮,复制文本的功能.复制成功后可以黏贴. <div @click="copyDesc">复制</div>methods:{c ...
vue简单的复制粘贴功能 this.$copyText()
methods: { handleCopyLink (link) { this.KaTeX parse error: Expected '}', got 'EOF' at end of input: ...
Clipboard.js复制粘贴到剪贴板
来自他人参考链接:https://www.cnblogs.com/kevinCoder/p/6144376.html 转载于:https://www.cnblogs.com/jiaqi1719/p/9 ...
clipboard + element-ui +vue 实现复制粘贴功能与提示
结合 clipboard.js 实现复制.粘贴功能剪切功能参考官方文档,个人认为用不太上(有富文本编辑器的时候可能才用得上,也或许不需要自己实现) 想要知道怎么使用,优先参考官方文档(如何指定要复制 ...
vue 2.x项目 vue-qriously 生成二维码并下载、cliploard复制粘贴
近日,重构项目某一老模块时,有一个功能是生成二维码并下载,还可以复制链接.列表每项都有二维码.下载二维码和复制链接和列表上方总的二维码. 老模块是用的qrocode中文文档,qrcode github ...
vue 动态变量名_【告别复制粘贴】动态模板生成小技巧
? 这是第 75篇不掺水的原创,想要了解更多,请戳上方蓝色字体:政采云前端团队关注我们吧- 本文首发于政采云前端团队博客:告别复制粘贴:动态模板生成小技巧 https://www.zoo.team/a ...
前端 JavaScript 复制粘贴的奥义——Clipboard 对象概述
前言作为一名资深搬砖工,你要问我用得最熟练的技能是什么,那我敢肯定且自豪的告诉你:是 Ctrl+C !是 Ctrl+V! 不信?你来看看我键盘上的 Ctrl.C 和 V 键,那油光发亮的包浆程度,不 ...

Vue Clipboard 异步复制粘贴

Vue Clipboard 异步复制粘贴相关推荐

最新文章

热门文章