vue-clipboard2实现复制功能

在Vue中通过该模块能够实现 将内容复制到剪贴板的功能

安装

npm i vue-clipboard2 --save

在main.js中注册

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

使用

1. vue-clipboard2提供自定义指令使用（默认点击事件执行复制）

绑定要复制的内容

v-clipboard:copy="url"

复制成功后执行的hook

v-clipboard:success="cpySuccess" //cpySuccess为一个自定义方法

复制失败后执行的hook

v-clipboard:error="cpyError" //cpyError为一个自定义方法

2. vue-clipboard2提供使用$copyText方法

{
    methods:{
        copy(){
            this.$copyText(String).then(res=>{
                ..复制成功
            },err=>{
                ..复制失败
            })
        }
    }
}