vue+element-ui点击表格中的编辑选项，实现文件回显

vue+element-ui点击表格中的编辑选项，实现文件回显

如图：实现对文件的回显

关键代码：:file-list="fileList1"，

<el-upload class="upload-demo"
                       ref="upload1"
                       :action="baseUrl+'/module/v1/manage/'"
                       :data="{optype:'1',productid:this.formInline.productidDetails,}"
                       :file-list="fileList1"
                       :http-request="httpRequest1"
                       :auto-upload="false">
              <el-button slot="trigger"
                         size="small"
                         type="">选取文件</el-button>
              <div slot="tip"
                   style="width: 260px;"
                   class="el-upload__tip">只能上传excel格式文件，文件不能超过500kb</div>
            </el-upload>

methods方法中实现代码：

//运用set属性进行数据的更新
        this.$set(obj, 'name', row.filename);//row.filename为获取到的要回显的文件名
        this.$set(obj, 'url', row.download)
        //row.download为获取到的要回显的文件地址（可以不用，因为本人需求是要点击回显文件可以进行文件  下载功能，大家自行决定）
        this.fileList1.push(obj);

日常记录一些开发中遇到的以及解决的问题，提升自己~