vuejs实现点击按钮复制文本内容clipboard

1、安装

npm install clipboard --save

2、template代码

<button class="copy" data-clipboard-text="复制内容" @click="copy">复制</button>

3、script引用

import Clipboard from 'clipboard';

4、script方法

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