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>

  • 相关阅读:
    Python 教程之String
    python 斐波纳契数列实现
    js 中 document.createEvent的用法
    C#里调用 MysqlDB
    [网购]
    [ENLearning] 2010920
    [EN Learning] 2010913
    [EN Learning] 2010910
    [ENLearning] 2010921
    [EN Learning] 2010916
  • 原文地址:https://www.cnblogs.com/zhaoyl9/p/15076069.html
Copyright © 2011-2022 走看看