vue2 项目中使用clipboard复制插件

本文主要是介绍vue2 项目中使用clipboard复制插件，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

需求，点击页面中的某一个按钮，复制文字。

npm install clipboard --save

在组件中使用

import Clipboard from 'clipboard'

html中的按钮

 <div ref="main" class="main"><button @click="copy">copy</button>
</div>

js的代码

.main容器，可以是任何页面上的容器

copy(code) {let clipboard = new Clipboard(".main", {text() {// console.log(trigger);//返回字符串return code;},});// 复制成功clipboard.on("success", () => {this.Message('You have successfully copied the code. Please paste in game to redeem.')clipboard.destroy();});},

这篇关于vue2 项目中使用clipboard复制插件的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---