15°

vue插件-复制功能 clipboard

复制功能 clipboard

Github地址

npm地址

以指令形式使用使用步骤

1、安装 npm install clipboard --save

2、引入

//单个组件或者main.js引入
import Clipboard from 'clipboard'

3、使用

<button class="clipboardBtn" data-clipboard-text="复制" @click="copy">复制内容</button>
methods:{
	copy() {
		let clipboard = new Clipboard('.clipboardBtn')
		clipboard.on('success', e => {
			console.log('复制成功')
			// 释放内存
			clipboard.destroy()
		})
		clipboard.on('error', e => {
			// 不支持复制
			console.log('该浏览器不支持自动复制')
			// 释放内存
			clipboard.destroy()
		})
	}
}

4、注意点:移动端按钮建议使用input或者button,否则复制不成功

5、其他使用方法可参考Github

本文由【啊美景】发布于开源中国,原文链接:https://my.oschina.net/parchments/blog/3159549

全部评论: 0

    我有话说: