Vue.js 恢复和预览使用Vue上传的图像

我有一个处理图像上传的组件

<FormulateInput
          type="image"
          name="room_photos"
          v-model="room_photos"
          label="Select Room Images To Upload"
          help="Select a png, jpg,webp or gif to upload."
          validation="required|mime:image/jpeg,image/png,image/gif,image/webp"
          :uploader="uploadRoomImages"
          error-behavior="live"
          multiple
        />

我已将图像链接存储在数据库中，可以轻松访问它们

 "room_photos" : [
                {
                        "url" : "/var/www/html/uploads/609cd3aaaaefd.jpg"
                },
                {
                        "url" : "/var/www/html/uploads/609cd3aaa9dc2.jpg"
                },
                {
                        "url" : "/var/www/html/uploads/609cd3aab1252.jpg"
                }
        ],
  "freewifi" : "",
  "nearpool" : "",

我得到的其余数据是这样的

axios.get(get_one)
            .then(response => {   
                console.log(response.data);
                var data = response.data;
                    this.roomsData = data
        
            })
            .catch(e => {
                this.errors.push(e)
            }); 

并用存储在数据库中的数据重新填充表单。我怎样才能使上传的图像也可以编辑

axios.get(get_one)
            .then(response => {   
                console.log(response.data);
                var data = response.data;
                    this.roomsData = data
        
            })
            .catch(e => {
                this.errors.push(e)
            });