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()
	})
}

以上是编程学习网小编为您介绍的“vuejs实现点击按钮复制文本内容clipboard”的全面内容，想了解更多关于 vuejs 内容，请继续关注编程基础学习网。