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 @ 2024-01-26 17:12  Code_Lzh  阅读(205)  评论(0)    收藏  举报