在Vue项目中 使用vue-clipboard2 实现复制到粘贴板的功能

场景:

在项目中,需要开发一个复制邀请码的功能,也就是点击复制按钮就将邀请码复制到粘贴板,直接粘贴即可。

使用到的是 vue-clipboard2 插件,简单又好用

首先,需要先安装这个插件

npm install --save vue-clipboard2

然后,在vue 项目中的 main.js 中引入

import Vue from 'vue'
import VueClipboard from 'vue-clipboard2'    // 引入

Vue.use(VueClipboard)    // vue全局使用插件

在具体页面使用,使用方法有两种:

其一:


 
 

其二:

  
 

个人使用体验:两种方法在实际的操作当中都是很方便的,也比较简单,使用中暂时没有什么问题。希望可以帮到你。

npm官方地址:vue-clipboard2

 

你可能感兴趣的:(vue,插件)