1、安装
npm install --save vue-clipboard2
2、使用
main.js中引入:
import Vue from 'vue'
import VueClipBoard from 'vue-clipboard2'
Vue.use(VueClipBoard);
组件中使用:
<span class="copy"
v-clipboard:copy="copyVal"
v-clipboard:success="onCopy"
v-clipboard:error="onError"
>复制
</span>
data:{
copyVal:"复制内容"
}
// 复制成功时的回调函数onCopy (e) {
onCopy (e) {
this.$toast.success('复制成功。');
},
// 复制失败时的回调函数
onError (e) {
this.$toast("复制失败")
}