点击复制,复制表格中的某一项数据的踩坑

文章讲述了在实现点击复制文件名功能时,通过创建input元素、选中值并执行复制命令的方法。但需注意复制后要删除临时input元素,否则会导致显示问题。提供的代码示例展示了整个过程,并提醒用户如果不删除input元素,可能会在页面上留下未预期的输入框。
摘要由CSDN通过智能技术生成

功能赘述:

    点击【复制】需要复制文件名,后可以粘贴到输入框中进行搜索 ,代码实现网上有很多,但是踩坑点就是复制完不要忘记删除这个自己添加的元素。如果不删除的话会有啥影响呢?如图2所示,会有自己添加的input输入框。代码如下:

  图1

 图2

    coppyUuid(val) { // 复制文件名

      const cInput = document.createElement('input') // 创建一个 Input标签

      cInput.value = val

      cInput.id = 'coppyDocName'

      document.body.appendChild(cInput)

      cInput.select() // 选取文本域内容;

      document.execCommand('Copy') // 执行浏览器复制命令

      this.$message.success('复制成功')

      const iptNode = document.getElementById('coppyDocName')

      const parentNode = iptNode.parentNode

      parentNode.removeChild(iptNode)

    },

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值