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>


posted @   Code_Lzh  阅读(168)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架
点击右上角即可分享
微信分享提示