父组件判断子组件图片加载完成后再回调子组件方法

367 阅读1分钟

`

//child
_clip(list) {
  const img = $("#" + this.uniqId + " .bg").get(0);
  if (!Array.isArray(list) || !img) return [];
  let clipImgs;
  let result = [];
  return new Promise((resolve) => {
        this.loadImage(img.src).then(res => {
          if (res.complete) {  //complete 检测图片属性加载完成
                // 处理list 在返回新的数据
                result.push([...arr]);
          }
          resolve(result);
        })
  })
},
async loadImage (url) {
  return new Promise((resolve) => {
        const img = new Image();
        img.onload = () => resolve(img);
        img.src = url
  })
},

//parent
const ocrDemoImgRef = this.$refs.ocrDemoImgRef;
if (ocrDemoImgRef) {
  ocrDemoImgRef._clip(list).then(res => {
        this.$store.commit("setClipImg", res);
        return res;
  })
}

`