VUE 复制内容至剪切板

VUE 复制内容至剪切板

复制内容到剪切板使用的最简介快速的方式 快速解决 ：使用插件vue-clipboard2 快速实现功能

一、安装插件
npm install vue-clipboard2 --save

二、全局注入（main.js）

import VueClipboard from 'vue-clipboard2'
Vue.use(VueClipboard)

二、使用

 <el-button type="success" size="small" class="page-btn" plain  v-clipboard:copy="activityAddress"
                       v-clipboard:success="onCopySuccess" v-clipboard:error="onCopyError">
              复制
 </el-button>

activityAddress是要复制的内容

   //复制
  onCopySuccess () {
     api.toast("内容已复制到剪切板")
   },

   // 复制失败时的回调函数
   onCopyError () {
     api.toast("抱歉，复制失败！")
   },