javascript - iview select routing melompat sangat perlahan apabila item data melebihi 500

Question

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?

Answer 1

iview和element UISemuanya masalah

Setiap pilihan ialah komponen, dan setiap pilihan terikat kepada beberapa acara.
Anda mempunyai lebih daripada 500 pilihan, bermakna hanya elemen Select就有500个以上的组件，每个组件下属的DOM ini terikat pada beberapa acara, jadi sudah tentu ia sangat lambat untuk dipaparkan.

Saya pernah menghadapi masalah ini sebelum ini, dan jawapannya ialah melainkan Select anda tidak menggunakan iview atau element UI, tiada apa yang boleh anda lakukan buat. Select不要用iview或者element UI，否则毫无办法。
我是针对选项太多的Select单独写了个组件，当然样式风格是仿照iview的，毕竟风格要保持一致，但是其内部的业务逻辑和iviewSaya menulis komponen berasingan untuk Select yang mempunyai terlalu banyak pilihan Sudah tentu, gaya dimodelkan selepas iview Lagipun, gaya itu mestilah konsisten, tetapi dalamannya logik perniagaan dan iview adalah berbeza sama sekali dan telah membuat banyak pengoptimuman yang disasarkan.

Answer 2

Anda boleh cuba mengumpulkan data dan kemudian menggunakan pemilihan berterusan untuk memilih data.

Answer 3

Sudah tentu ia akan menjadi sangat lambat untuk meminta banyak data pada satu masa. Anda boleh memaparkannya dalam halaman.

Answer 4

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. .