一键复制功能 - 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("复制失败")
　　　　　　　　});
　　　　　　}

　　

 

转载于:https://www.cnblogs.com/changxue/p/10562601.html