vue 实现复制内容到剪贴板

复制内容至剪切板使用的是插件'vue-clipboard2'

 

 

一、安装插件

npm install vue-clipboard2 --save

 

 

二、全局注入（main.js）

import VueClipboard from 'vue-clipboard2'

Vue.use(VueClipboard)

 

三、使用

<div>{{message}}</div>

<i title="复制"
   v-clipboard:copy="message"      //message 要复制的内容
   v-clipboard:success="onCopy"    //
   v-clipboard:error="onError"
   class="el-icon-document-copy pointer"></i>

onCopy:function(value){
  console.log(value)
  this.$message.success("复制成功！")
},

onError:function(e){

this.$message.error("复制失败")

}