VUE使用插件vue-clipboard2复制到剪切板

1.安装

npm install --save vue-clipboard2

2.main.js

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

3. 方法一：copyText

复制

clickCopy() {
    this.$copyText("www.baidu.com").then(
      res => {
        console.log(res);
        this.$toast("已成功复制，可直接去粘贴");
      },
      err => {
        this.$toast("复制失败");
      }
    );
  }

方法二 ：v-clipboard:copy

复制

getCopyUrl() {
    return "www.baidu.com";
  }

onCopy(res: any) {
    console.log(res.text);
    this.$toast("已成功复制，可直接去粘贴");
  }
  onError(error: any) {
    console.log(error);
    this.$toast("复制失败");
  }