zoukankan      html  css  js  c++  java
  • Vue中使用clipboard实现复制功能

    <!DOCTYPE html>
    <html>
    <head>
        <title></title>
        <link href="/new_website/scripts/layui/css/layui.css" rel="stylesheet" />
        <script src="../../new_website/scripts/jquery1.8.3/jquery-1.8.3.js"></script>
        <script src="/new_website/scripts/layui/layui.all.js"></script>
        <script src="/new_website/scripts/vue/vue.js"></script>
        <script src="../../new_website/scripts/common/clipboard.min.js"></script>
    </head>
    <body>
        <p>
            <span>{{logisticsNumber}}</span>
            <span class="layui-btn-normal btnCopy" :data-clipboard-text="logisticsNumber">复制单号</span>
        </p>
    
    
        <script type="text/javascript">
            //复制操作
            var clipboard = new ClipboardJS(".btnCopy");
            clipboard.on('success', function (e) {
                layer.msg('复制成功');
                e.clearSelection();
                //console.log(e);
            });
            clipboard.on('error', function (e) {
                layer.msg('复制失败');
                //console.log(e);
            });
        </script>
    </body>
    </html>

  • 相关阅读:
    Silverlight Control(五)TimePicker
    《ASP.NET Core 3框架揭秘》笔记
    Hyper-V初体验
    debian初体验
    异步编程-编程指南
    Oracle查询优化读书笔记
    设计原则
    日志管理
    Git在Vs中的使用
    SVN使用备注
  • 原文地址:https://www.cnblogs.com/zhaoyl9/p/15076069.html
Copyright © 2011-2022 走看看