最近在做项目的时候,有需要用的复制文本的功能。然后就觉得可以使用原生的复制方法和使用第三方库。
一、浏览器原生方法
这种方式兼容性不是太好,还要看浏览器是否支持,容易踩坑。
二、使用第三方插件clipboard.js
我项目用的是vue框架,下面的方法是在vue中使用的方法,其他框架大同小异。
(1)、安装:
(2)、在main.js中引入,设置成全局的,因为在项目有可能不只是一处使用到复制的功能。(当然我们也可以在用到的.vue中引入)。
(3)、在需要的地方使用:
当然clipboard.js的功能可不止这么简单,我们还可使用它进行剪切,还可以通过它复制其他元素的值等,具体的使用可查看官方文档:clipboard.js;