vue中点击按钮复制内容

最新推荐文章于 2024-07-18 15:55:01 发布

zhouwei922

最新推荐文章于 2024-07-18 15:55:01 发布

阅读量284

点赞数

分类专栏： web前端学习文章标签： javascript

原文链接：https://www.cnblogs.com/shuen/p/9517372.html

版权

web前端学习专栏收录该内容

11 篇文章 0 订阅

订阅专栏

快下班了，发现一个好用的方法，记录下来分享给大家
因为要实现，点击列表按钮，复制下载链接，后端让我自己直接去拼下载地址，网上找了一圈，发现这个方法不错，分享出来给大家使用

<el-button type="primary" round size="mini" @click="copyUrl">复制url</el-button>

//js
    copyUrl() {
      const input = document.createElement('input')
      document.body.appendChild(input)
      input.setAttribute('value',"这里可以写变量或者要复制的字符串内容")
      input.select()
      if (document.execCommand('copy')) {
        document.execCommand('copy')
      }
      document.body.removeChild(input)