vue点击复制信息到粘贴板上

<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插件哦