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 内容,请继续关注编程基础学习网。

本文标题为:vuejs实现点击按钮复制文本内容clipboard

基础教程推荐