效果預(yù)覽

1.下載clipboard.js

下載鏈接：https://github.com/zenorocha/clipboard.js/releases

2.解壓后將根目錄/dist/clipboard.min.js 復(fù)制到 plugin/admin/public/admin/js目錄下

3.頁面中引入

1.src引入js

<script src="/app/admin/admin/js/clipboard.min.js"></script>

2.創(chuàng)建監(jiān)聽方法

let clipboard = new ClipboardJS('.btn-copy');
        clipboard.on('success', function (e) {
            layer.msg('復(fù)制成功')
        });
        clipboard.on('error', function (e) {
            layer.msg('復(fù)制失敗')
        });

3.表頭參數(shù)中使用

{
                title: "標(biāo)題", align: "center",
                field: "title",
                templet: function (d) {
                    return '<span class="btn-copy" data-clipboard-text="' + d['title'] + '">' + d['title'] + '</span>'
                }