1.在script标签中引入复制文件
<script src="/public/admin/js/clipboard.min.js"></script>
2.在script标签下写
<script>
var clipboard
$(function(){
clipboard = new ClipboardJS('.js-clipboard');
clipboard.on('success', function(e) {
console.log(e)
layer.msg('复制成功');
});
clipboard.on('error', function(e) {
console.log(e)
layer.msg('复制失败');
});
});
</script>
3.写一个监听按钮
<a href='#' style='color:#4395ff' onclick='seeGameNO(\""+row.game_no+"\")'>查看</a>
4.监听事件
function seeGameNO(game_no){
layer.open({
type: 1,
title:'牌局编号',
skin: 'layui-layer-demo', //样式类名
area: ['300px', '120px'], //宽高
content:`<div>
<div class="copy_cont" style="text-align: center;margin:10px 0px" >${game_no}</div>
<button class="js-clipboard layui-btn layui-btn-sm" style="margin: 0 auto;display: block" data-clipboard-target=".copy_cont">复制</button>
</div>`
});
}
复制按钮
最新推荐文章于 2023-02-06 10:29:06 发布