vue点击按钮复制文本框内容
2024-08-29 06:13:23
1.npm进行安装 npm install clipboard --save 2.在需要使用的组件中import 引用方法:import Clipboard from 'clipboard'; 3.添加需要复制的内容 <button class="tag-read" data-clipboard-text="我是可以复制的内容,请点击复制" @click="copy">立即阅读</button>
解析: data-clipboard-text 后边跟需要复制的内容 4.添加点击后的方法 copy() {
var clipboard = new Clipboard('.tag-read')
clipboard.on('success', e => {
console.log('复制成功')
// 释放内存
clipboard.destroy()
})
clipboard.on('error', e => {
// 不支持复制
console.log('该浏览器不支持自动复制')
// 释放内存
clipboard.destroy()
})
最新文章
- 基于AgileEAS.NET SOA 中间件领域模型数据器快速打造自己的代码生成器
- CozyRSS开发记录15-获取和显示RSS内容
- Canvas里绘制矩阵文字
- 重构MVC多条件+分页解决方案
- kafka 生产者java编码
- (六)文件操作的主要接口API
- comparison of floating point numbers with equality operator. possible loss of precision while rounding values
- Logging in Java
- Directx11学习笔记【十一】 画一个简单的三角形--effect框架的使用
- 去掉UITableView HeaderView或FooterView随tableView 移动的黏性
- 读书有感——《从毕业生到程序员使用C#开发商业软件》
- Verification and validation
- grid - 隐式命名网格线名称
- 4依赖倒转原则DIP
- 1 创建一个存储过程,以及对存储过程的调用 MySQL
- 10 dict嵌套与升级
- SRM482
- vim助手
- select样式
- Panabit Live CD使用说明