Versi:
"vue": "^2.2.2"
"iview": "^2.0.0-rc.15"
Helo semua, saya sedang menggunakan iview untuk membangunkan sistem hujung belakang, dan saya menghadapi masalah bahawa penghalaan melompat dengan sangat perlahan apabila item data komponen Pilih melebihi 500. Apabila ia perlahan, ia mengambil masa lebih daripada 15 saat untuk melompat. Kemudian, saya cuba menggunakan elemen ui dan mendapati ia juga mengambil masa kira-kira 2 saat untuk melompat.
Bagaimana untuk mengendalikan komponen Pilih untuk mengurangkan masa penukaran lompat apabila jumlah data agak besar?
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
iview和element UISemuanya masalahSetiap pilihan ialah komponen, dan setiap pilihan terikat kepada beberapa acara.
Anda mempunyai lebih daripada 500 pilihan, bermakna hanya elemen
Select就有500个以上的组件，每个组件下属的DOMini terikat pada beberapa acara, jadi sudah tentu ia sangat lambat untuk dipaparkan.Saya pernah menghadapi masalah ini sebelum ini, dan jawapannya ialah melainkan
Selectanda tidak menggunakaniviewatauelement UI, tiada apa yang boleh anda lakukan buat.Select不要用iview或者element UI，否则毫无办法。我是针对选项太多的
Select单独写了个组件，当然样式风格是仿照iview的，毕竟风格要保持一致，但是其内部的业务逻辑和iviewSaya menulis komponen berasingan untukSelectyang mempunyai terlalu banyak pilihan Sudah tentu, gaya dimodelkan selepasiviewLagipun, gaya itu mestilah konsisten, tetapi dalamannya logik perniagaan daniviewadalah berbeza sama sekali dan telah membuat banyak pengoptimuman yang disasarkan.Anda boleh cuba mengumpulkan data dan kemudian menggunakan pemilihan berterusan untuk memilih data.
Sudah tentu ia akan menjadi sangat lambat untuk meminta banyak data pada satu masa. Anda boleh memaparkannya dalam halaman.
Apabila menggunakan komponen pokok, terdapat 4000 nod, yang pada dasarnya tersekat Tidak ada cara untuk menukarnya untuk mengklik untuk memuatkan.
Pilih lompatan komponen Memandangkan terdapat 500 nod, paparan satu kali tidak sepatutnya menjadi sangat mesra. .