1、安装
npm install --save vue-clipboard2
2、在main.js中引入
import VueClipboard from 'vue-clipboard2'
Vue.use(VueClipboard)
3、在组件中使用
模板中的代码
<template v-slot="{ row }">
<el-button type="text" class="copy-btn"
v-clipboard:copy="要复制的值"
v-clipboard:success="onCopy"
v-clipboard:error="onError"
>复制</el-button>
</template>
methods中的方法
onCopy() {
this.$message.success('复制成功!');
},
onError() {
this.$message.error('复制失败!');
},