前端js实现一键复制功能

我是歌谣 放弃很容易 但是坚持一定很酷

最近需要做一个一键复制的一个功能
大概需求是
一个element的table里面有个多行数据

看到眼前这个需求一开始那真的是一头雾水
是要复制一行吗
后来慢慢研究 不是这样的理解

前言

需求设计前的思考
最后确定了需求

代码实现

第一步

js里面定义一个复制函数

/*复制操作 第一步定义copy的方法*/
function copy(msg){
  let input = document.createElement('input')
  input.value = msg
  document.body.appendChild(input)
  input.select()
  document.execCommand('copy')
  document.body.removeChild(input)
  Vue.prototype.$message.success('复制成功!')
  return msg

}

第二步直接export default导出

export default {
  /*导入方法 变量 数据*/
  isEmpty,
  jsonToString,
  /*导出复制任务的方法*/
  copy,
  API_PATH,
  /*

第三步 引入

import Util from '@/assets/js/util'

第四步 方法调用