Explorar o código

feat(utils): 优化复制文本功能的用户体验

- 在成功复制文本后,显示更详细的提示信息
- 使用 HTML 字符串格式化提示信息,增加复制内容的显示
WanGxC hai 6 meses
pai
achega
3b10ada52f
Modificáronse 1 ficheiros con 6 adicións e 1 borrados
  1. 6 1
      src/utils/useCopyText.ts

+ 6 - 1
src/utils/useCopyText.ts

@@ -10,7 +10,12 @@ export function handleCopy(copyText: string) {
   try {
     const successful = document.execCommand('copy'); // 执行复制命令
     if (successful) {
-      ElMessage.info({ message: '已复制至剪切板', plain: true, icon: 'DocumentCopy' });
+      ElMessage.info({
+        dangerouslyUseHTMLString: true,
+        message: `<strong>${ textarea.value }</strong> 已复制至剪切板`,
+        plain: true,
+        icon: 'DocumentCopy'
+      });
     } else {
       ElMessage.error({ message: '复制失败,请手动复制!', plain: true });
     }