diff --git a/src/components/base/qrcode/index.vue b/src/components/base/qrcode/index.vue index 3d1e3657..8875974f 100644 --- a/src/components/base/qrcode/index.vue +++ b/src/components/base/qrcode/index.vue @@ -13,7 +13,7 @@ -
+
{{ src }}
复制
@@ -42,10 +42,14 @@ const qrCodeUrl = ref(''); const generateQRCode = async (text: string, margin: number) => { try { - const dataUrl = await QRCode.toDataURL(text, { margin }); + let new_text = text.trim(); + if (!text) { + new_text = '请先选择分组'; + } + const dataUrl = await QRCode.toDataURL(new_text, { margin }); qrCodeUrl.value = dataUrl; } catch (error) { - console.error('Error generating QR code:', error); + console.error('生成二维码时出错:', error); } }; const clipboard_event = async () => { @@ -59,13 +63,15 @@ const clipboard_event = async () => { watch( () => props.src, (newValue) => { - generateQRCode(newValue.trim(), 2); + if (newValue !== '') { + generateQRCode(newValue, 2); + } } ); // 在组件挂载后自动调用生成二维码方法 onMounted(() => { - generateQRCode(props.src.trim(), 2); + generateQRCode(props.src, 2); });