vue-clipboard2实现复制功能

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

安装

1	npm i vue-clipboard2 --save

在main.js中注册

1
2
3

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

使用

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

绑定要复制的内容

1	v-clipboard:copy="url"

复制成功后执行的hook

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

复制失败后执行的hook

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

vue-clipboard2提供使用$copyText方法

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