Vue+element-ui, due to part of the table need to insert lines, insert more than 20 pieces of data will appear when the page stutter, is there any optimization plan?

the actual page is as follows

clipboard.png

clipboard.png
this is the test data of the same page. The total number of rows is 101. The native select operation on the left is basically normal, and the el-select on the right will stutter. Due to the relatively small amount of data, the stutter time is about 1 second.
wonder if there is any optimization method

basically rule out the problem written by js, because the page will not stutter when only one or two rows of data are retained on the same page.

Jan.26,2022

can you describe your situation in detail?

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