就这么一个简单的小组件，实现一个小功能；过了一段时间以后新需求要复现这个功能竟然又忘记了怎么写，又去找着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的写法，我觉得是最简单的实现方式，其他的你可以去看看官网； - 希望这个功能以后五分钟能搞定，不要再费十分钟。
网友评论