h5页面的复制功能

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

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

以下是vue的过程的复制:

h5页面的复制功能_第1张图片

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

步骤:

         --引入clipboard.js文件;

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

        

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

         h5页面的复制功能_第2张图片

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

        h5页面的复制功能_第3张图片

你可能感兴趣的:(web移动端)