首页 > 电脑常识 > 云计算

前端js实现一键复制功能

admin 云计算 2021-04-26 15:56:04  
后台-系统设置-扩展变量-手机广告位-内容正文底部

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

最近需要做一个一键复制的一个功能
大概需求是
一个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'

第四步 方法调用

文章来源:https://blog.csdn.net/weixin_43392489/article/details/116098712

后台-系统设置-扩展变量-手机广告位-内容正文底部
版权声明

本文仅代表作者观点,不代表本站立场。
本文系作者授权发表,未经许可,不得转载。
本文地址:https://jcdi.cn/diannaochangshi/yunjisuan/659.html

留言与评论(共有 0 条评论)
   
验证码:
后台-系统设置-扩展变量-手机广告位-评论底部广告位

教程弟

https://www.jcdi.cn/

统计代码 | 京ICP1234567-2号

Powered By 教程弟 教程弟

使用手机软件扫描微信二维码