不支持

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

首先安装依赖
$ 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("复制失败");
   },

 

posted @ 2021-05-10 14:24  骑上我的小摩托  阅读(381)  评论(0编辑  收藏  举报