一鍵複製功能 - Vue

常常遇到一鍵複製功能，簡單記錄一下。這裏使用的是clipboard插件：https://clipboardjs.com/

　　第一步

　　　　安裝：npm install clipboard --save

　　第二步:　

　　　　引入：

　　　　　　import clipboard from 'clipboard';
　　　　　　Vue.prototype.clipboard = clipboard;

　　第三步：

　　　　使用：

　　　　　　<button data-clipboard-action="copy" class="cobyDomObj" :data-clipboard-text="複製內容" @click="copyLink">
　　　　　　　　複製按鈕
　　　　　　</button>

　　　　　　copyLink() {
　　　　　　　　let _this = this;
　　　　　　　　let clipboardObj = new this.clipboard(".cobyDomObj");
　　　　　　　　clipboardObj .on('success', function () {
　　　　　　　　　　_this.$toast("複製成功")
　　　　　　　　});
　　　　　　　　clipboardObj .on('error', function () {
　　　　　　　　　　_this.$toast("複製失敗")
　　　　　　　　});
　　　　　　}