qiucode.cn网站之文章详情实现代码块可点击按钮进行复制

由于最近都在对qiucode.cn网站进行重构，故而也就少于写文章了。毕竟对原小站进行重构是比较……（反正你懂得，笔者就不在叙述了！）

废话少扯，切入正题。首先让我们来看下最终实现的效果如何？鼠标移入某个代码出现复制图标按钮。

点击 复制图标按钮 进行复制代码块内容到剪切板。

本篇文章使用的复制文本插件 clipboardjs，vue项目安装如下：

npm install clipboard --save

具体文档可查看 clipboard 官网： https://clipboardjs.com/