h5页面的复制功能

时间:2024-03-31 09:40:43

来源于项目的实现,仅供参考;

利用百度的cdn加载clipboard.js:

<script src="https://co.baifubao.com/static/cdn-libs/clipboard.js/2.0.4/clipboard.min.js"></script>

以下是vue的过程的复制:

h5页面的复制功能

目的:当用户点击复制链接按钮时:把当前的url,或者指定的url复制到用户的剪切板;

步骤:

         --引入clipboard.js文件;

         --设置 data-clipboard-text属性,这个是clipboard.js的属性;把你的链接赋值过去;

         h5页面的复制功能

         --在生命周期内初始化clipboard;

         h5页面的复制功能

         --若是clipboard的复制失败,那么调用js的copy事件;

        h5页面的复制功能