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

进入前端入门建站教程官网入口

js如何把input/textarea文本框内容复制到剪贴板

js如何把text文本复制到剪贴板

Vue结合MVVM模型的实现方法

利用vue实现一个图片水平瀑布流效果

运行vue函数提示将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称解决方法

标签： clipboard, vue, 文本

上面是“vuejs实现点击按钮复制文本内容clipboard”的全面内容，想了解更多关于 vuejs 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_1829.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！