javascript实现按钮复制功能

原创已于 2023-02-03 17:25:33 修改 · 296 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

于 2023-02-02 11:52:24 首次发布

前端同时被 3 个专栏收录

8 篇文章

订阅专栏

vue

6 篇文章

订阅专栏

javaScript

2 篇文章

订阅专栏

该文章介绍了一个Vue.js组件方法，用于复制文本到剪贴板。通过创建临时textarea元素，选中内容并执行document.execCommand(Copy)来实现复制功能，主要用于复制appKey。成功复制后，会显示提示消息。

    // 复制appKey
    copy () {
      const info = '复制的内容'
      var data = this.getCopy(info)
      var temp = document.createElement('textarea')
      temp.value = data
      document.body.appendChild(temp)
      temp.select()
      document.execCommand('Copy')
      this.$message.success('复制成功')
      temp.style.display = 'none'
    },

    // 编辑格式
    getCopy(item) {
      var result = ''
      result += 'appkey：' + item
      return result
    },