1.数据加载时 暂无数据会晃一下再显示数据 2.判断图片加载失败后渲染占位图

工作中问题小记 这种问题正常来说都没有记录的意义  但是我是强迫症 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",