web端复制文本

安装clipboard 

npm install clipboard --save 

实现代码

import Clipboard from 'clipboard';

 

copy() {
				var clipboard = new Clipboard('.copybox')
				clipboard.on('success', e => {
					// console.log('复制成功',e)
					this.$message.success('复制成功')
					// 释放内存
					clipboard.destroy()
				})
				clipboard.on('error', e => {
					// 不支持复制
					console.log('该浏览器不支持自动复制')
					// 释放内存
					clipboard.destroy()
				})
			},

<span class="copybox"  data-clipboard-text="需要复制的文本谢谢" @click="copy">复制</span>

 效果