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);
},
複製代碼

結語

打完收工複製代碼