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>

猜你喜欢

转载自blog.csdn.net/weixin_43292447/article/details/85002762