Skip to main content
 首页 » 编程设计

vue 一键复制,vue-clipboard2的使用方法

2022年07月15日50webabcd
首先安装依赖
$ npm install --save vue-clipboard2
然后再main.js中引用
import Vue from 'vue'

import VueClipboard from 'vue-clipboard2' 
 
  
Vue.use(VueClipboard)
dome内容 
 <i 
 class="el-icon-document-copy"//饿了么的复制图标 
 v-clipboard:copy="copy"//需要复制的内容 
 v-clipboard:success="onCopy"//复制成功回调 
 title="复制" 
 v-clipboard:error="onError"//复制失败回调 
 ></i>               
copy: "需要复制的内容",//声明的数据
   // 复制成功时的回调函数 
  onCopy1(e) { 
    // console.log(e) 
    alert("复制成功"); 
  }, 
   // 复制失败时的回调函数 
   onError1(e) { 
     // console.log(e) 
     alert("复制失败"); 
   },

本文参考链接:https://www.cnblogs.com/wulicute-TS/p/14750931.html