vue使用原生JS实现复制文本到剪贴板

实现逻辑

export function copyToClip(text: string) {
  return new Promise((resolve, reject) => {
    try {
      const input: HTMLTextAreaElement = document.createElement('textarea')
      input.setAttribute('readonly', 'readonly')
      input.value = text
      document.body.appendChild(input)
      input.select()
      if (document.execCommand('copy'))
        document.execCommand('copy')
      document.body.removeChild(input)
      resolve(text)
    }
    catch (error) {
      reject(error)
    }
  })
}

使用

# 导入
import { copyToClip } from '@/utils/copy'
# 执行复制
copyToClip(item.content).then(() => {
   ElMessage.success('复制成功');
})