vue实现点击按钮复制到剪切板功能
//安装clipboard.js
//npm install --save clipboard.js
<template>
<div>{{ params}}</div>
<el-button size="small" class="btn">复制</el-button>
</template>
<script>
import Clipboard from 'clipboard'
export default {
data() {
return {
params: '测试复制',
}
},
mounted() {
//复制
let that = this;
const clipboard = new Clipboard(".btn", {
text: function () {
return that.params
},
});
clipboard.on("success", function (e) {
that.$message.success("复制成功");
});
clipboard.on("error", function (e) {
that.$message.error("复制失败");
});
}
}
</script>
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架