使用插件vue-clipboard2来实现一键复制功能
一、安装vue-clipboard2插件
nom install vue-clipboard2
二、在main.js中引入vue-clipboard2
import VueClipboard from 'vue-clipboard2'
VueClipboard.config.autoSetContainer = true
Vue.use(VueClipboard)
三、在页面中的使用
<a-button @click="doCopy"></a-button>
doCopy () {
// copyData想要复制的内容
this.$copyText(copyData).then(message => {
this.$notification.success({
message: '成功',
description: '复制成功',
duration: 3
})
}).catch(err => {
this.$notification.error({
message: '失败',
description: '复制失败',
duration: 3
})
})
}
