点击事件触发复制文本内容 Clipboard

第一步：引用Clipboard

直接npm安装：

npm install clipboard --save

第二步：在js中引用Clipboard

import Clipboard from "clipboard";

第三步：在点击事件使用Clipboard

copy() {
      var clipboard = new Clipboard(".el-icon-copy-document"); //点击位置的类选择器
      clipboard.on("success", (e) => {  //success => error 可以捕获复制失败的异常信息
        this.$toast("copied!")
      });
    },

拓展：通过target的function复印内容
通过target指定要复印的节点

var clipboard = new Clipboard('.btn', {
   // 通过target指定要复印的节点
       target: function() {
                  return document.querySelector('div');
             }
   });

复制成功之后要toast或者其他方式提示用户，提升用户体验