就这么一个简单的小组件, 实现一个小功能; 过了一段时间以后新需求要复现这个功能竟然又忘记了怎么写, 又去找着 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 的写法, 我觉得是最简单的实现方式, 其他的你可以去看看官网;
希望这个功能以后五分钟能搞定, 不要再费十分钟.
来源: http://www.jianshu.com/p/6cb05ffb6589