vue之clipboard复制文本

使用clipboard.js

首先, 我们要先安装

npm install clipboard --save

然后, 在mian.js中引入,当然我们也可以在用到的.vue中单独引入,如果不止一个地方需要用到复制,可以直接在main.js里面引入。

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

在单独界面需要用到复制文本的地方:

手机号码: {{tel}}
copyLink() {
     let _this = this;
     let clipboard = new this.clipboard(".cobyOrderSn");
     clipboard.on('success', function () {
       _this.$toast("复制成功")
     });
     clipboard.on('error', function () {
       _this.$toast("复制失败")
     });
 }

如有错误,还请指正,如有帮助,请关注点赞哈。

你可能感兴趣的:(vue之clipboard复制文本)