当前位置: 首页 > news >正文

vue复制文案,复制图片,黏贴图片

vue 实现复制文案,复制图片,在微信聊天框,黏贴为图片

//安装
cnpm i clipboard-all
//引用
import clipboard from 'clipboard-all'
    <!-- row.url 图片路径 --><div ref="foo" class="hidden"><img :src="row.url" alt=""><div>文案</div></div>
//点击事件handleOkasync handleOk(row) {//'foo'为dom的reflet res = await clipboard(this.$refs['foo'])console.log('res',res)if (res) {this.$message.success('复制成功')}},
http://www.lryc.cn/news/106924.html

相关文章:

  • Web应急思路
  • shell脚本清理redis模糊匹配的多个key,并计算释放内存大小
  • python-MySQL数据库建表语句(需要连接数据库)转存为Excel文档-工作小记
  • iOS Block介绍
  • 小程序安全性加固:如何保护用户数据和防止恶意攻击
  • Ubuntu的tar命令详解
  • 使用elementplus实现文本框的粘贴复制
  • 计算机毕设 深度学习卫星遥感图像检测与识别 -opencv python 目标检测
  • devops(前端)
  • SpringBoot中MongoDB的使用
  • Spring学习之GOF的工厂模式
  • 整数转字符串
  • 【ARM Coresight 系列文章 2.4 - Coresight 寄存器:DEVARCH,DEVID, DEVTYPE】
  • Could not locate supplied template: react+ts搭建
  • fatal error C1128: 节数超过对象文件格式限制: 请使用 /bigobj 进行编译
  • xml文件转成yolo中的txt文件
  • [Linux]手把手教你制作进度条小程序
  • centos 重启 nginx 的三种方式
  • 跨境新手必看,海外推广的7个方式
  • SpringBoot之logback-spring.xml详细配置
  • P2141 [NOIP2014 普及组] 珠心算测验
  • [回馈]ASP.NET Core MVC开发实战之商城系统(四)
  • Vue.js常见错误处理包含代码
  • Go项目实现日志按时间及文件大小切割并压缩
  • 容器化的好处
  • TPlink DDNS 内网穿透?外网访问设置方法
  • 以CS32F031为例浅说国产32位MCU的内核处理器
  • 享元模式(Flyweight)
  • Cilium系列-11-启用带宽管理器
  • 无人机自动返航的关键技术有哪些