vue 文字複製粘貼

第一步 
npm run dev vue-clipboard2 --save
main.js引入
import VueClipboard from 'vue-clipboard2'
Vue.use(VueClipboard)

<template>
  <div>
    <div class="wxsmallcode-page publicCon">
      <div class="copyBox">
        msg：<span>{{msg}}</span>
        <div  v-clipboard:copy="msg"
              v-clipboard:success="onCopy"
              v-clipboard:error="onError">
          點擊複製
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name:'ceshi',
    data() {
      return {
        msg: 'xxxxxxxxxxxsx'
      }
    },
    methods: {
      // 複製成功
      onCopy(e) {
        alert('複製成功')
        console.log(e);
      },
      // 複製失敗
      onError(e) {
        alert("失敗");
      },
    }
  }
</script>