vue使用vue-clipboard2 复制到粘贴板

最新推荐文章于 2024-08-10 08:42:03 发布

Army-海军

最新推荐文章于 2024-08-10 08:42:03 发布

阅读量1.6w

点赞数 12

分类专栏： Vue相关文章标签：复制 vue-clipboard2

本文链接：https://blog.csdn.net/weixin_41229588/article/details/101164526

版权

Vue相关专栏收录该内容

31 篇文章 7 订阅

订阅专栏

npm地址 https://www.npmjs.com/package/vue-clipboard2

安装

npm install --save vue-clipboard2

import Vue from 'vue'
import VueClipboard from 'vue-clipboard2'
 
Vue.use(VueClipboard)

这样就可以全局使用了

符合单文件vue系统的用法就是这个了

methods: {
    qrcode() {
      new QRCode('qrcode', {
        width: 200,
        height: 200,
        text: this.qrcontent, // 二维码地址
        colorDark: '#000',
        colorLight: '#fff'
      });
    },
    copy() {
      // 这个this.qrcontent就是你要复制的内容了
      this.$copyText(this.qrcontent).then(
        function() {
          // 成功回调
          Toast.success('复制成功');
        },
        function() {
          // 失败回调
          Toast.fail('复制失败');
        }
      );
    }
  }

其他地方想要用就去看文档吧，我在开始给了个链接

完结