vue怎么实现点击复制html,Vue实现点击按钮复制文本内容的例子_咋地 _前端开发者...

点击复制功能主要通过 clipboard.

在

1、引入clipboard.

第一种直接npm安装：npm install clipboard –save

第二种：

引用方法：import Clipboard from ‘clipboard’;

3、添加需要复制的内容

例如：立即阅读

解析： data-clipboard-text 后边跟需要复制的内容

4、添加点击后的方法

copy() {

var clipboard = new Clipboard('.tag-read')

clipboard.on('success', e => {

console.log('复制成功')

// 释放内存

clipboard.destroy()

})

clipboard.on('error', e => {

// 不支持复制

console.log('该浏览器不支持自动复制')

// 释放内存

clipboard.destroy()

})

}

以上这篇开发者。