vue-clipboard2:实现复制内容到剪切板

1、vue-clipboard2的介绍

        vue-clipboard2是前端能够调用剪切板的一个插件，可以实现复制内容到剪切板。

        npm地址：vue-clipboard2 - npm

        github地址：https://github.com/Inndy/vue-clipboard2

2、vue-clipboard2的安装

npm install --save vue-clipboard2

3、使用

• 使用前进行注册

import Vue from 'vue'

import VueClipBoard from 'vue-clipboard2'

Vue.use(VueClipBoard);

3.1 第一种使用：使用指令的方式进行绑定

• 对应的事件方法

3.2 第二种使用：this.$copyText()方法进行复制

• 对应的源代码块

• 操作

第二种方式复制

• 对应的事件方法

methods: {
    copyData(){
        //如果不需要回调：
        this.$copyText(this.message)
        //如果需要回调：
        this.$copyText(this.message).then( e => {
            alert('复制成功')
            console.log(e)
        }, function (e) {
            alert('复制失败')
            console.log(e)
        })
    }
}