Vue 複製粘貼 VueClipboard複製粘貼

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>