Soy nuevo en VueJS y estaba tratando de cargar varias imágenes. El formulario se ve así.

Estoy usando Vue de CDN en un archivo blade. El problema es que cuando hago clic en eliminar, no se elimina el que se hizo clic, sino el último. Me di cuenta de que el que se hizo clic en realidad se elimina de los datos, pero el formulario no se actualiza así. Cualquier ayuda es apreciada. Mi código se ve así:

 Vue.createApp({ data() { return { images: [] } }, methods: { addField(images){ images.push({}); }, removeField(index, images){ images.splice(index, 1); } } }).mount('#picture') <input id="picture" type="file" class="form-control-file{{ $errors->has('picture') ? ' is-invalid' : '' }}" name="picture[]" accept="image/*" required> @if ($errors->has('picture')) <span class="invalid-feedback" role="alert"> <strong>{{ $errors->first('picture') }}</strong> </span> @endif