如何在Vue项目中使用clipboard.js实现一键复制长尾关键词文本？

本文共计802个文字，预计阅读时间需要4分钟。

需求+最近在做的城市项目，有一个需求是需要点击复制订单号的，然后感觉可以使用原生的复制方法和使用第三方库。浏览器原生方法+这种方式的兼容性不是太好，还需看浏览器是否支持。

需求

最近在做商城项目，有个需求是需要点击复制订单号的，然后就觉得可以使用原生的复制方法和使用第三方库。

浏览器原生方法

这种方式兼容性不是太好，还要看浏览器是否支持，容易采坑。

//在IE中可以用window.clipboardData.setData('text','内容')实现。 //在IE中clipboardData是window的属性,而其他浏览器则是相应的event对象的属性，这实际上是一种安全措施，防止未经授权的访问,为了兼容其他浏览器，所以我们不能通过clipboardData来实现这种操作。 //具体做法： //1.创建一个隐藏的input框 //2.点击的时候，将要复制的内容放进input框中 //3.选择文本内容input.select() //4.这里只能用input或者textarea才能选择文本。 //5.执行浏览器的复制命令document.execCommand("copy")。