Vue项目复制文字，复制文字到剪切板— vue-clipboard2插件

最新推荐文章于 2024-07-30 10:56:44 发布

敲代码的TKP

最新推荐文章于 2024-07-30 10:56:44 发布

阅读量669

点赞数

分类专栏： vue 文章标签： vue.js javascript 前端

TKP

本文链接：https://blog.csdn.net/TKP666/article/details/128019159

版权

vue 专栏收录该内容

47 篇文章 2 订阅

订阅专栏

1.安装插件

npm install --save vue-clipboard2

2.main.js引入

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

标题3.vue文件使用

 <van-button type="info" @click="onCopy(text)">复制文案</van-button>
 onCopy(text) {
    this.$copyText(text).then(
     (res) => {
        console.log("复制成功：", res);
        Toast("复制成功");
      },
      (err) => {
        console.log("", err);
        Toast("复制失败");
     }
    );
},