From 16eb67ab6b103663d30cad9ba74360f982e131cb Mon Sep 17 00:00:00 2001 From: xiangpei <xiangpei@timesnew.cn> Date: 星期二, 03 九月 2024 10:34:59 +0800 Subject: [PATCH] 自定义列显隐控制 --- src/components/ImagePreview/index.vue | 9 +++++---- 1 files changed, 5 insertions(+), 4 deletions(-) diff --git a/src/components/ImagePreview/index.vue b/src/components/ImagePreview/index.vue index 3c770c7..f29de31 100644 --- a/src/components/ImagePreview/index.vue +++ b/src/components/ImagePreview/index.vue @@ -13,7 +13,7 @@ <script> import { isExternal } from "@/utils/validate"; - +const DEFAULT_IMAGE = 'https://img2.baidu.com/it/u=68398439,1553004927&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=357'; export default { name: "ImagePreview", props: { @@ -32,8 +32,9 @@ }, computed: { realSrc() { - if (!this.src) { - return; + const imageExtensions = /\.(jpg|jpeg|png|gif|bmp|svg)$/i; + if (!this.src || !imageExtensions.test(this.src)) { + return DEFAULT_IMAGE; } let real_src = this.src.split(",")[0]; if (isExternal(real_src)) { @@ -43,7 +44,7 @@ }, realSrcList() { if (!this.src) { - return; + return [DEFAULT_IMAGE]; } let real_src_list = this.src.split(","); let srcList = []; -- Gitblit v1.8.0