需求說明

點擊按鈕將指定Dom元素的內(nèi)容復制到剪切板中。

1、安裝vue-clipboard2插件：

npm install --save vue-clipboard2

2、在 main.js 文件中注冊vue-clipboard2插件：

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

在 Vue 文件組件中使用：

<template>
  <p @click="copyRegisterCode">{{ content }}</p>
</template>

<script>
export default {
  data() {
    content: 'Hello world'
  },
  methods: {
    copyRegisterCode() {
      this.$copyText(this.content)
          .then(e => {
          this.$toast('復制成功');
        }, function(e) {
          this.$toast.fail('復制失敗，請手動復制！');
        }
      );
    }
  }
};
</script>