vue 中使用 vue-clipboard2实现复制剪切板

引语:

工做中项目可能会使用到复制文本功能,强烈推荐使用第三方插件 vue-clipboard2.js 。看官请往下瞧
复制代码

第一步 下载

npm install vue-clipboard2 --save
复制代码

第二步 引用并全局安装

import VueClipboard from 'vue-clipboard2'
Vue.use(VueClipboard)
复制代码

第三步 使用

<div class="btn"
v-clipboard:copy="appletInfo.appletPath" //须要复制的文本
v-clipboard:success="onCopy" //成功的回调 v-clipboard:error="onError"> //失败的回调
复制</div>

onCopy(e) {
    console.log(e.text);
},
onError(e) {
    console.log(e);
},
复制代码

结语

打完收工复制代码