实现页面点击复制功能

DOM结构

<el-button @click="handleCopy(scope.row.code)" icon="el-icon-document-copy" type="text"></el-button>

js逻辑
 handleCopy(feeCode) {
      const input = document.createElement('input') // 直接构建input
      input.value = feeCode // 设置内容 需要复制的内容
      document.body.appendChild(input) // 添加临时实例
      input.select() // 选择实例内容
      document.execCommand('Copy') // 执行复制
      document.body.removeChild(input) // 删除临时实例
      this.$message({
        type: 'success',
        message: '已复制成功！'
      })
    },

实现效果