VUE项目中实现粘贴功能

950 阅读1分钟

1.安装依赖

cnpm install --save vue-clipboard2

2.引入

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

3.js

<div class="info">
      <div>{{ wifiMac }}</div>
      <button v-clipboard:copy="wifiMac" v-clipboard:success="onCopy" v-clipboard:error="onError" type="button">复制</button>
    </div>

方法

 onCopy: function (e) {
      console.log('复制内容: ' + e.text)
    },
    onError: function (e) {
      console.log('无法复制文本!')
    },