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>

©️2020 CSDN 皮肤主题: 编程工作室 设计师: CSDN官方博客 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值