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

如何实现element-ui 后台中点击按钮,将文本内容复制到剪贴板

这个功能可以说是常见的功能之一吧,目前网上的教程大部分都是让使用copy-to-clipboard插件或者js-tool-big-box这个工具库,但是吧有时候我们并不想使用插件来实现,应该怎么做呢?

比如现在我们的需求是,页面上有个按钮,点击后弹窗显示需要复制的文本内容,点弹窗的复制文本按钮,然后提示复制成功。就是这样的一个需求,用插件确实有一丢丢麻烦,接下来就看看几行代码如何实现这个功能吧

//button按钮click事件

      btn(row){
            let content='这是 HTML 片段'
                this.$alert(content, 'HTML 片段', {
                dangerouslyUseHTMLString: true,
                showClose:false,
                confirmButtonText:'复制文本',
                center:true,
                roundButton:true,
                callback: action => {
                    this.copyTemplate(content)
                }
            });
        },
        // 复制模板内容
        copyTemplate(row){
            this.copyToClipboard(row); // 需要复制的文

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 【RunnerGo】离线安装成功版本
  • Transwarp Data Studio 4.0 :适应AI新时代实现三大能力提升
  • java基础--字符串用法
  • zotero安装与使用
  • Spring统一功能处理:拦截器、响应与异常的统一管理
  • MM 特殊采购类型
  • 加密简史:从古代到现代的方法
  • Linux网络编程之dpdk的环境配置详解
  • 自动化测试与手动测试的区别!
  • 时光不等人:java每日一练
  • python入门基础篇(一)
  • string.format()拼接参数
  • SpringBoot3里的文件上传
  • 将本地的业务写成成可供RPC远程调用的方法
  • 电脑添加虚拟网卡与ensp互联,互访
  • 【知识碎片】第三方登录弹窗效果
  • Android开发 - 掌握ConstraintLayout(四)创建基本约束
  • C语言笔记(第一章:C语言编程)
  • ES6 学习笔记(一)let,const和解构赋值
  • git 常用命令
  • java正则表式的使用
  • laravel 用artisan创建自己的模板
  • linux安装openssl、swoole等扩展的具体步骤
  • React的组件模式
  • Spring思维导图,让Spring不再难懂(mvc篇)
  • Synchronized 关键字使用、底层原理、JDK1.6 之后的底层优化以及 和ReenTrantLock 的对比...
  • uni-app项目数字滚动
  • Webpack 4 学习01(基础配置)
  • - 概述 - 《设计模式(极简c++版)》
  • 技术胖1-4季视频复习— (看视频笔记)
  • 批量截取pdf文件
  • 前端每日实战 2018 年 7 月份项目汇总(共 29 个项目)
  • ​linux启动进程的方式
  • !!【OpenCV学习】计算两幅图像的重叠区域
  • $GOPATH/go.mod exists but should not goland
  • (2)STM32单片机上位机
  • (java版)排序算法----【冒泡,选择,插入,希尔,快速排序,归并排序,基数排序】超详细~~
  • (Windows环境)FFMPEG编译,包含编译x264以及x265
  • (超详细)语音信号处理之特征提取
  • (回溯) LeetCode 40. 组合总和II
  • (机器学习的矩阵)(向量、矩阵与多元线性回归)
  • (心得)获取一个数二进制序列中所有的偶数位和奇数位, 分别输出二进制序列。
  • (一)Java算法:二分查找
  • (转)Oracle 9i 数据库设计指引全集(1)
  • (转)socket Aio demo
  • (转)自己动手搭建Nginx+memcache+xdebug+php运行环境绿色版 For windows版
  • .cfg\.dat\.mak(持续补充)
  • .Net 4.0并行库实用性演练
  • .NET Framework杂记
  • .net redis定时_一场由fork引发的超时,让我们重新探讨了Redis的抖动问题
  • .NET 除了用 Task 之外,如何自己写一个可以 await 的对象?
  • .net 怎么循环得到数组里的值_关于js数组
  • .NET设计模式(7):创建型模式专题总结(Creational Pattern)
  • /deep/和 >>>以及 ::v-deep 三者的区别
  • [ solr入门 ] - 利用solrJ进行检索