El-select 's el-option array is very long, about more than 2000, drop-down selection blank can not be displayed?

the data returned from the API is a very long array of more than 2000 pieces of data, and then each piece of data is spelled into the array in the form of {label:"xxx", value:"xxx"}. The v-for loop is in el-option, but it cannot be rendered on the page. There is a large blank when you click on the drop-down. How to render the drop-down data? -sharp-sharp-sharp problem description

the environmental background of the problems and what methods you have tried

related codes

/ / Please paste the code text below (do not replace the code with pictures)

what result do you expect? What is the error message actually seen?


it is not recommended to render 2000 pieces at once. You can take 2000 pieces of data as a collection and search for data rendering from this collection. Refer to the remote search example on the official website .


you can refer to here

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-1b3712e-2c072.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-1b3712e-2c072.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?