欢迎您访问 最编程 本站为您分享编程语言代码,编程技术文章!
您现在的位置是: 首页

用JavaScript实现文本的原生复制和粘贴功能

最编程 2024-02-15 08:33:13
...

实现复制粘贴功能,点击复制,然后就就可以复制到指定的文本,然后就可以任意粘贴了!

 <span slot="shortLink" slot-scope="text, record">
        {{ record.shortLink }}
     <a @click="onCopy(record.shortLink)">复制</a>
 </span>
onCopy(shortLink) {
      let inputElement = document.createElement('input')
      inputElement.value = shortLink
      document.body.appendChild(inputElement)
      inputElement.select()
      document.execCommand('copy')
      inputElement.remove()
      console.log('复制成功')
    },