vue实现复制内容到粘贴板剪贴板的方法 - 行业资讯 - 肥雀云

<强> 1。npm安装到项目目录文件中

　　　　　　npm安装剪贴板——保存　　　　

<强> 2。进口引入文件

　　　　　　从“剪贴板”进口剪贴板; 　　　　

<强> 3。在需要html元素中的自定义属性中data-clipboard-text中写入要复制的内容

　　　　　　& lt;按钮类=癱opyBtn”: data-clipboard-text=" https://www.baidu.com/" type=" text "祝辞复制地址& lt;/button> 　　　　

<强> 4。在JavaScript中通过类名找到元素中的内容。

　　　　　　让剪贴板=new剪贴板(.copyBtn); 　　　　

vue实现复制内容到粘贴板剪贴板的方法

就是这个样子了,如果需要这个地址,直接在方法中引用剪贴板这个变量就可以了,不需要的话就不用管这个变量,它不需要做任何处理,单击那个类名为copyBtn的按钮以后,直接Ctrl + v就可以了。

以上这篇vue实现复制内容到粘贴板剪贴板的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。