上传图片到element-ui的照片墙的解决办法

今天写一个表单编辑页面遇到了一个问题，页面中有一个选项是上传图片，但是刚进入页面是需要加载之前已经上传的图片的，我采用的是elementUI的组件，那么如何上传图片到element-ui的照片墙呢？

• 首先上这是html部分

• data中定义这个file:list

• 当页面加载的时候，我们会去请求后台拿到这个图片的信息，这个项目里我把上传的图片信息全部组合成字符串传过去

注意：file-list的格式必须是[name:"xxx",url:"xxx"]的格式，照片才能正确展示我们想要展示的照片,名字可以无所谓，但是url必须是你想要展示的图片的url。

• 如下是上传多张图片时的格式，file-list必须是数组，每张图片都以json的形式放在数组里

data() {
      return {
        fileList: [{name: 'food1.jpeg', url: 'https://xxxxxxx'}, {name: 'food2.jpeg', url: 'https://xxxxxxxxxx'}]
    },

效果如下：