zoukankan      html  css  js  c++  java
  • vue中使用剪切板插件 clipboard.js

    vue中使用剪切板需要借助一个插件,clipboard,使用方法还是很简单的,先下载,然后引入:

    npm i clipboard -S

    //引入
    import Clipboard from 'clipboard';
    
    下面就是使用了,比如说,比较常见的是,上面一行文字,下面有一个复制的按钮,
    <p id="share-code">{{init.code}}</p>
    <button class="copy-btn" data-clipboard-action="copy" data-clipboard-target="#share-code" @click="copy">copy</button>
    
    <script> copy() { if(!this.init) return; var clipboard = new Clipboard('.copy-btn') clipboard.on('success', e => { console.log('复制成功') this.toast('copy success'); // 释放内存 clipboard.destroy(); }) clipboard.on('error', e => { // 不支持复制       //console.log('该浏览器不支持自动复制') // 释放内存 clipboard.destroy() }) } }, </script>
  • 相关阅读:
    bzoj 2527: [Poi2011]Meteors 整体二分
    bzoj 2738 矩阵乘法
    bzoj 3110 K大数查询
    bzoj 3262 陌上花开
    cogs 577 蝗灾 CDQ分治
    bzoj 1101 zap
    bzoj 2005
    bzoj 3518 Dirichlet卷积
    bzoj 1257
    最优贸易 [NOIP 2009]
  • 原文地址:https://www.cnblogs.com/ysla/p/11530815.html
Copyright © 2011-2022 走看看