在自己实现这个功能之前,浏览了其他博客对于使用clipboard实现复制功能的用法,比如说
(安装步骤可以参考链接)
通过自己的实践发现,span、a等标签是可以实现的,需要加上class="tag-read"这句代码,我理解的是给它赋予标签可读的功能。
// 复制处方号
copyPresId(){
let clipboard = new Clipboard('.tag-read')
clipboard.on('success', e => {
this.$message({
message: '处方号已复制到剪贴板',
showClose: true,
type: 'success'
})
// 释放内存
clipboard.destroy()
})
clipboard.on('error', e => {
this.$message({message: '复制失败', showClose: true, type: 'error'})
clipboard.destroy()
})
},
触发click后的方法写法都是类似的,监听clipboard成功或失败。