vue之复制内容要剪贴板

有的时候在移动端, 会遇到个复制内容到剪贴板的需求, 自己封装的话又感觉很麻烦, 在vue里有一个vue-clipboard2的插件

• 关于vue-clipboard2的介绍
  vue-clipboard2官网
• vue-clipboard2的安装

npm install --save vue-clipboard2

• vue-clipboard2的使用
  首先需要在main.js文件里面注册

import Vue from 'vue'
import VueClipboard from 'vue-clipboard2'
 
Vue.use(VueClipboard)

第一种使用方法, 使用$ref
如:

let container = this.$refs.container;
this.$copyText("Text to copy", container);

第二种是直接在标签里面使用

还有第三种方法, 是直接用事件绑定的

一般感觉第二种会方便一些, hahaha