vue项目 文本复制插件

// 第一步 
// cnpm install 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>
  import {Toast} from 'Mint-ui'
  export default {
    name:'copy',
    data() {
      return {
        msg: 'xxxxxxxx'
      }
    },
    methods: {
      // 复制成功
      onCopy (e) {
        msg('复制成功')
      },
      // 复制失败
      onError (e) {
        msg('复制失败')
      }
    }
  }
  const msg = m => {
    Toast({
      message: m,
      position: 'middle',
      duration: 2000
    })
  }
</script>