Vue 复制粘贴 VueClipboard复制粘贴

最新推荐文章于 2024-09-06 13:13:56 发布

围城少年

最新推荐文章于 2024-09-06 13:13:56 发布

阅读量308

点赞数

分类专栏： vue 文章标签： VueClipboard复制粘贴 Vue复制粘贴

本文链接：https://blog.csdn.net/weixin_38201500/article/details/89371081

版权

vue 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

1.安装 VueClipboard npm install --save vue-clipboard2

2.main.js 引入

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

3.项目中使用

<template>
  <div class="copyBox">
    sysAppId：<span>{{sysAppIds}}</span>//需要复制的文本
    <el-button class="ml10" type="text" size="medium"
               v-clipboard:copy="sysAppIds"
               v-clipboard:success="onCopy"
               v-clipboard:error="onError">点击复制
    </el-button>
  </div>
</template>

<script>
  export default {
    methods: {
      onCopy(e) {
        alert("复制成功")
      },
      // 复制失败
      onError(e) {
        alert("复制失败");
      },
    }
  }
</script>

<style scoped>

</style>