vue element ui upload上传成功没有回显

问题描述

使用element ui 封装的组件，父组件调用子组件的时候，图片数据有更新，但是视图上没有显示出来图片

解决方案

1.封装的子组件，每次数据更新的时候直接强刷

2.查看图片的时候也直接强刷

3.关键代码

this.$forceUpdate()

4.不想啰嗦，直接上父组件的代码

4.1标签引入子组件

<data-upload
:label="informationTitle"
:applyInfo="editForm"
:dataList="dataList"
ref="dataUpload"
/>

4.2注册子组件

import DataUpload from "@/components/Upload/fileIndex.vue";

data(){
 ....
    editForm: {
	    attachList: [],
	    folder: "xzxy",
    },
    informationTitle: "上传附件：",
    dataList: "attachList",
}

4.3调用子组件的强刷

// 编辑按钮操作
    handleUpdate(row) {
      this.resetForm("editForm");
      this.open = true;
      //