vue-clipboard2 复制粘贴插件

• npm https://www.npmjs.com/package/vue-clipboard2

使用方式

npm i vue-clipboard2 -S

import Vue from 'vue'
import VueClipboard from 'vue-clipboard2'
 
VueClipboard.config.autoSetContainer = true // add this line
Vue.use(VueClipboard)

<button 
   type="button"
   v-clipboard:copy="message"
   v-clipboard:success="onCopy"
   v-clipboard:error="onError">
 复 制
</button>

 onCopy(e) {
   // 只能复制字符串
   this.$message.success('JSON数据复制成功，请自行转换。')
 },

 onError() {
   this.$message({ type: 'warning', message: '复制失败' })
 }