Vue.js - vue-clipboard2（Vue 剪切板功能）

陆氪和他的那些代码

已于 2022-06-28 15:40:25 修改

阅读量1.6k

点赞数 2

分类专栏： # Vue.js 文章标签： Vue.js vue-clipboard2（Vue 剪切板功能） v-clipboard copy success

于 2019-09-11 23:56:27 首次发布

本文链接：https://blog.csdn.net/Dream_Weave/article/details/100753314

版权

Vue.js 专栏收录该内容

28 篇文章 2 订阅

订阅专栏

1、安装

npm install --save vue-clipboard2

2、在 main.js 中引入

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

3、例如

data() {
    return {
        msg: ''
    }
},
methods: {
    copy(e) {
        console.log(e.text);
    },
    onError(e) {
        console.log(e);
    },
    handleFun () {
        this.msg = '8Z0W'
    }
}

<span>{{msg}}</span>

<img src="../../static/img/d1.png"
@click="handleFun"
v-clipboard:copy="msg" 
v-clipboard:success="copy" 
v-clipboard:error="onError">