Vue使用vue-clipboard2实现复制功能

 

 

 一、  npm install --save vue-clipboard2

二、在main.js 中引入

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

三、页面中使用

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

data(){
return {
message: '我是要复制的内容！'
}
}，
methods: {
onCopy () {},
onError () {}
}