1.安装依赖
npm install --save v-clipboard
2.在main.js中引入
import Vue from 'vue'
import Clipboard from 'v-clipboard'
Vue.use(Clipboard)
3.使用
<template>
<el-button
type="text"
size="small"
v-clipboard="value"
v-clipboard:success="clipboardSuccessHandler"
v-clipboard:error="clipboardErrorHandler">
复制
</el-button>
</template>
export default {
data() {
return {
value:'ceshi'
}
},
methods: {
// Success event handler
clipboardSuccessHandler ({ value, event }){
this.$message.success('复制成功')
},
// Error event handler
clipboardErrorHandler ({ value, event }) {
this.$message.error('复制失败')
}
}
}