由于最近都在对qiucode.cn网站进行重构,故而也就少于写文章了。毕竟对原小站进行重构是比较……(反正你懂得,笔者就不在叙述了!)
废话少扯,切入正题。首先让我们来看下最终实现的效果如何?鼠标移入某个代码出现复制图标按钮。
点击 复制图标按钮 进行复制代码块内容到剪切板。
本篇文章使用的复制文本插件 clipboardjs,vue项目安装如下:
代码语言:javascript
复制npm install clipboard --save
具体文档可查看 clipboard 官网: https://clipboardjs.com/