工作中问题小记 这种问题正常来说都没有记录的意义 但是我是强迫症 hhh
1.在正常数据渲染时 如果为空我们会渲染(暂无数据占位图)来提示用户 通常是用数据长度来判断
但是他在刷新的时候会先弹出 <暂无数据> 的提示再显示那个数据
解决方法: 搞个标识符 必须等他请求完接口后 在判断数据长度
data中默认是
emptyFlag: 0,
然后我们等接口请求完再改变值 判断的时候 加上这个条件就行了
2.图片加载失败 显示占位符 (平时我们都是判断后端返回的字段是否为null 或 空 )没办法进一步校验图片是否加载成功
解决方法 使用image的 @error
<img
:src="item.map_thumbnail"
alt=""
@error="imgErrorFn($event, index)"
/>
imgErrorFn(event) {
// this.showDefaultImg = true
event.target.src = this.defaultThumbnail;
},
defaultThumbnail 是我们定义的占位图
defaultThumbnail: "../../../../../thumbnail/preview-image/error.png",