vue中实现复制链接功能

最新推荐文章于 2024-05-10 14:32:44 发布

置顶时倾௸

最新推荐文章于 2024-05-10 14:32:44 发布

阅读量1.4k

点赞数 1

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/m0_46390103/article/details/124667370

版权

复制功能

首先要获取相对应的链接

 copyEvent () {
      var textArea = document.createElement('textarea')
      document.body.appendChild(textArea)
      textArea.readOnly = 'readonly'
      textArea.style.opacity = '0'
      textArea.value = this.url //你的要被复制的链接
      textArea.select()
      if (textArea.setSelectionRange)
        textArea.setSelectionRange(0, textArea.value.length)
      else
        textArea.select()
      document.execCommand("copy")
      this.$Message['success']({
                    background: true,
                    content: '链接已成功复制到剪贴板'
                });
      document.body.removeChild(textArea)
    },