Vue（element-ui在dialog中回显el-upload照片问题）

      以下是我想要的效果，如果用户之前上传过专业资质，那dialog打开默认有用户之前上传过的图片，如果未上传过图片，那么打开是一个上传图片的入口，最多上传五张图片，上传到第五张图片时隐藏上传图片入口。

 

首先是默认显示图片：

    1） 在el-upload中添加：file-list属性，这个属性绑定的值就是要回显的图片

2）我这里的图片url是后台给的，通过遍历得到每一张图片的url，并给它们添加url属性

在关闭dialog后需要清除一下this.certificate

3）注意this.certificate是长这个样子的：

4）这时图片回显已经完成了，下面说上传五张隐藏入口的实现：

 在data return中定义limit为5，hideUpload为false，并在el-upload的上一级绑定类名

在这两个事件中都需要加上下面这一句：

在style中：

 

      注意：如果用户之前就上传了五张图片，那么在默认打开dialog时图片上传入口就应该隐藏，需要在打开时判断图片的个数，等于5的话，就设置this.hideUpload为true（在第二步的代码中有写）