![]() Technically this is how the app works, slider.vue loads & fetches data from database (firebase) and stores in a data array slideList, loops over the slideList & passes each slideData (prop slideItem) to vue-dropzone component (in slide-template.vue), when dropzone mounts it fires the manuallyAddFiles(slideItem.zones) on the custom event. Create a new response out of the stream Enqueue the next data chunk into our target stream When no more data needs to be consumed, break the reading Import slideTemplate from "./slide-template.vue" Import slider from "./components/slider" This does not happen when I delete slide2 or slide3 but only on slide1. The issue is when I delete the first slide, calling the parent’s (slider.vue) method removeSlideFn (passed down to child as prop) from child ( slide-template.vue) component first slide is deleted but not entirely the dropzone images of the first slides are not destroyed and remains in the DOM, instead images of slide2, (the next slide) are deleted from the DOM (Pls try it once on codesandbox demo to actually know what I am mean). When app loads, image files are manually added in each vue2-dropzone ( manuallyAddFile plugins API) queried from image API (hosted on heroku) ![]() I am creating a slider in vuejs and am using vue2-dropzone plugin for file uploads where each slide ( slide-template.vue) has a vue2-dropzone component. ![]()
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |