复制文字到剪贴板—Vue-clipboard2

就这么一个简单的小组件，实现一个小功能；过了一段时间以后新需求要复现这个功能竟然又忘记了怎么写，又去找着github网址看了一下文档。。。。还是写下来。

1、安装

github上了解一下：Vue-clipboard2

$ npm install --save vue-clipboard2

2、使用

main.js中引入，当然你也可以在单个页面中引入。

引入

<template>
    <button class="btn" @click="doCopy">button</button>
</template>

doCopy() {
  this.$copyText('这里放入要粘贴的内容').then((e) => {
      // success
      console.log(e);
  }, (e) => {
      // fail
      console.log(e);
  });
}

3、结语

• 我这是采用github官网示例中sample2的写法，我觉得是最简单的实现方式，其他的你可以去看看官网；
• 希望这个功能以后五分钟能搞定，不要再费十分钟。