修复官网选购咨询入口与图片失败降级
This commit is contained in:
1 parent
d8224ec5b7
commit
08ffc51894
5 files changed
+463
-89
No files matched your search
@@ -0,0 +1,25 @@
|
||||
<script setup>
|
||||
/** 官网可配置图片统一处理加载失败;替代内容由调用处提供,不伪造头像或二维码。 */
|
||||
import { ref, watch } from "vue";
|
||||
|
||||
defineOptions({ inheritAttrs: false });
|
||||
const props = defineProps({ src: String, alt: String });
|
||||
const failed = ref(false);
|
||||
watch(
|
||||
() => props.src,
|
||||
() => {
|
||||
failed.value = false;
|
||||
},
|
||||
);
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<img
|
||||
v-if="src && !failed"
|
||||
v-bind="$attrs"
|
||||
:src="src"
|
||||
:alt="alt"
|
||||
@error="failed = true"
|
||||
/>
|
||||
<slot v-else />
|
||||
</template>
|
||||
Reference in new issue
Block a user