From 9968d14c393e6362192039d797cd58758a8fc89f Mon Sep 17 00:00:00 2001
From: 落叶橘橙 <wzsdch@qq.com>
Date: 星期四, 25 四月 2024 10:15:20 +0800
Subject: [PATCH] update src/components/ImagePreview/index.vue. 图片预览功能 let real_src_list = props.src.split(',');会多出一个''对象，会导致图片浏览时多一个空白预览。增加一个判空。
---
src/components/ImagePreview/index.vue | 23 +++++++++++------------
1 files changed, 11 insertions(+), 12 deletions(-)
diff --git a/src/components/ImagePreview/index.vue b/src/components/ImagePreview/index.vue
index 723ccdb..349f729 100644
--- a/src/components/ImagePreview/index.vue
+++ b/src/components/ImagePreview/index.vue
@@ -15,11 +15,11 @@
src: propTypes.string.def(''),
width: {
type: [Number, String],
- default: ""
+ default: ''
},
height: {
type: [Number, String],
- default: ""
+ default: ''
}
});
@@ -27,29 +27,28 @@
if (!props.src) {
return;
}
- let real_src = props.src.split(",")[0];
+ let real_src = props.src.split(',')[0];
return real_src;
});
const realSrcList = computed(() => {
if (!props.src) {
- return;
+ return [];
}
- let real_src_list = props.src.split(",");
+ let real_src_list = props.src.split(',');
let srcList: string[] = [];
- real_src_list.forEach(item => {
+ real_src_list.forEach((item: string) => {
+ if(item.trim() === '') {
+ return;
+ }
return srcList.push(item);
});
return srcList;
});
-const realWidth = computed(() =>
- typeof props.width == "string" ? props.width : `${props.width}px`
-);
+const realWidth = computed(() => (typeof props.width == 'string' ? props.width : `${props.width}px`));
-const realHeight = computed(() =>
- typeof props.height == "string" ? props.height : `${props.height}px`
-);
+const realHeight = computed(() => (typeof props.height == 'string' ? props.height : `${props.height}px`));
</script>
<style lang="scss" scoped>
--
Gitblit v1.9.3