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 = textdocument.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('复制成功');
})