在vue使用clipboard.js进行一键复制文本的实现示例

2024-06-24 11:11:48阅读量：33 字体：大 中 小

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

浏览器原生方法

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

在vue使用clipboard.js进行一键复制文本的实现示例

使用 clipboard.js

我们要先安装

在 mian.js 中引入，当然我们也可以在用到的 .vue 中引入，因为我不止一个地方用到了复制，所以直接在 main.js 里面引入了。

在需要的地方使用

当然 clipboard.js 的功能可不止这么简单，我们还可使用它进行剪切，还可以通过它复制其他元素的值等，具体的使用可查看官方文档： clipboard.js ;

小结

关于浏览器一键复制，推荐使用 clipboard.js 来做，因为现在原生方法兼容性并不是很好，而且 clipboard.js 文件并不大，但是却可以帮我们做很多事情，减轻很多调试和避免采坑。

免责声明：

本文《在vue使用clipboard.js进行一键复制文本的实现示例》版权归原作者所有,内容不代表本站立场！

如本文内容影响到您的合法权益（含文章中内容、图片等），请及时联系本站，我们会及时删除处理。

推荐阅读

  • 微信很小的那种表情包怎么做的

    微信很小的那种表情包怎么做的

    平常生活中微信很小的那种表情包可以在微信的小程序里根据自己的喜好进行制作，通过以下步骤制作微信表情包： 微信很小的那种表情包怎么做的 1、打开微信，切换到发现页面，点击小程序”进入小程序页...

    阅读: 1365

  • 剪映怎么在中间插视频

    剪映怎么在中间插视频

    想要使用剪映视频中间插入另一个视频，可以把原本视频分割再插入新的视频，通过以下步骤使用剪映在中间插视频： 剪映怎么在中间插视频 1、打开剪映，点击开始创作”进入选择页面。 2、选择一个视...

    阅读: 754

  • qq进群特效怎么关闭

    qq进群特效怎么关闭

    想要关闭qq进群特效，可以在qq群的进群特效相关功能进行关闭，开通超级会员才能享受进群特效，通过以下步骤关闭qq进群特效： qq进群特效怎么关闭 1、打开qq，点击qq群”进入qq群聊天页...

    阅读: 700

  • 地摊怎么申请微信商家码

    地摊怎么申请微信商家码

    地摊想要申请微信商家收款二维码，可以从微信收款小账本进行相关设置即可申请微信商家收款二维码，通过以下步骤可以申请微信商家收款二维码： 地摊怎么申请微信商家码 1、打开微信，切换到发现页面，点击小程序&...

    阅读: 800

  • 微信拉黑和删除

    微信拉黑和删除

    微信加入黑名单后给对方发消息，对方可以看到但不能回复，微信删除后双方都不能发消息，微信拉黑和删除具体步骤如下： 微信拉黑和删除 1、打开微信，切换到通讯录页面，点击联系人”进入联系人名片...

    阅读: 729

  • qq音乐删除访问记录别人能看见吗

    qq音乐删除访问记录别人能看见吗

    qq音乐删除了访问记录别人是不能看到的，可以在访客功能中删除访问记录，通过以下步骤删除qq音乐访问记录： qq音乐删除访问记录别人能看见吗 1、打开qq音乐，切换到个人中心，点击头像”进入...

    阅读: 691

热门文章

最近更新