Vue使用Clipboard.JS在h5页面中复制内容

• 安装clipboard.js
  github路径:https://github.com/zenorocha/clipboard.js
  安装：
  npm install clipboard --save

• 引入clipboard.js

import ClipboardJS from "clipboard";

或

• 使用：

1. 剪切

    
    
    
    
    
    

    
    
    



    

        
        Mussum ipsum cacilds...

        
        
    Cut to clipboard


    

2. 复制

3. 在vue中使用并自定义复制内容，定义复制回调：

复制关键词

·····
copykeyword() {
      var clipboard = new ClipboardJS(".cpkw", {
        text: function(trigger) {
          //alert("ok");
          return "testvalue";
        }
      });
      clipboard.on("success", e => {
        //复制成功
        // 释放内存
        clipboard.destroy();
      });
      clipboard.on("error", e => {
        // 不支持复制
         console.log("该浏览器不支持自动复制");
        // 释放内存
        clipboard.destroy();
      });