The asynchronous data rendering swiper, data request was successful, but the later swiper-slide was not rendered?

I enter the vue-awesome-swiper, page used in vue2.0 and request an interface according to the parameters in an array list. Every time the requested data returns the result, I save it in an array, and then swiper takes the data from these arrays to render. In other words, I don"t know how many slide there are before the page comes in, but I know it only after a data request. The problem now is that I often cannot render the slide behind me. For example, I often have two side, that the second slide cannot render, and when there are seven slide, the last two cannot be rendered.

has anyone ever encountered a similar situation

Jun.03,2021
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e44323-4c19e.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e44323-4c19e.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?