vue 复制内容到剪贴板

冲锋的麦克

于 2021-01-28 12:11:00 发布

阅读量33

点赞数

文章标签： vue.js javascript 前端 ecmascript 前端框架

本文链接：https://blog.youkuaiyun.com/qq_33829413/article/details/133005367

版权

import VueClipboard from 'vue-clipboard2'
import Vue from 'vue'
Vue.use(VueClipboard)  //必须这样子引用 否则会报错的

使用：

<a :disabled="loading" v-clipboard:copy="`更新时间：${record.lastUpdateTime}，版本号：${record.appVersionName}`" v-clipboard:success="onCopySuccess" v-clipboard:error="onCopyError">复制话术</a>

// 复制成功时的回调函数
    onCopySuccess (e) {
      this.$message.success("内容已复制到剪切板！")
    },
// 复制失败时的回调函数
    onCopyError (e) {
      this.$message.error("抱歉，复制失败！")
    },