<template>
<div>
<!-- 默认图片:如果加载的图片资源存在 -->
<img src="../../assets/images/desktop/主题图.png" width="100%" height="100%" v-show="isImgLoadError">
<!-- 加载的图片资源 -->
<img :src="baseUrl+ systemImg" @error="isImgLoadError = true" width="100%" height="100%" v-show="!isImgLoadError">
</div>
</template>
<script>
export default{
name: '',
data() {
return {
isImgLoadError: false, // 图片资源是否加载成功
baseUrl:'',
systemImg: ''
}
}
}
</script>
判断img图片资源是否加载成功,如果加载的图片资源不成功,显示默认图片
最新推荐文章于 2022-12-23 07:54:12 发布