【前端】使用原生js实现点击复制内容

最新推荐文章于 2024-04-17 08:47:34 发布

supporint

最新推荐文章于 2024-04-17 08:47:34 发布

阅读量204

点赞数

分类专栏：前端 vue 文章标签： javascript 开发语言 ecmascript vue.js

本文链接：https://blog.csdn.net/Supporint/article/details/128734337

版权

前端同时被 2 个专栏收录

6 篇文章 1 订阅

订阅专栏

vue

5 篇文章 0 订阅

订阅专栏

当然，可以通过引入其他库来解决，比如v-clickboard；
但是要写入cofig文件，我个人更建议如果用的不多，能不用库就不用，一定程度上减少了项目的冗余度

 <div class="icon" @click="copyAddress(account)"><icon-copy /></div>

原生的navigator.clipboard.writeText(account) 返回的是一个Promise对象

const copyAddress = (account) => {
  navigator.clipboard.writeText(account).then(() => {
    $message.success({
        id: 'WalletCopied',
        content: 'Wallet address be copied.',
        duration: 3000
      });
  }).catch(() => {
    $message.error({
        id: 'WalletCopied',
        content: 'Copy wallet address failed.',
        duration: 3000
      });
  })
}