vue-clipboard2 实现点击复制信息到粘贴板上
<template lang="pug">
div
p 邀请码:
span {{icode}}
el-button(v-clipboard:copy="icode" v-clipboard:success="onCopy" v-clipboard:error="onError" size="small" round ) 复制
p 邀请链接:
span {{inviteUrl}}{{icode}}
el-button(v-clipboard:copy="inviteUrl + icode" v-clipboard:success="onCopy" v-clipboard:error="onError" size="small" round ) 复制
</template>
<script>
import Vue from "vue";
import VueClipboard from "vue-clipboard2";
Vue.use(VueClipboard);
export default {
data(){
return{
icode:'邀请码',
inviteUrl:'邀请地址'
}
}
methods:{
onCopy(e) {
this.$message.success("复制成功");
},
onError(e) {
this.$message.error("复制失败");
},
}
}
</script>
记得装vue-clipboard2插件哦