javascript - Bagaimana untuk menggunakan kaedah pengisian DIV kosong untuk menyelesaikan masalah terlalu banyak data senarai?

Question

Saya menemui masalah apabila menggunakan Vue untuk membuat halaman senarai: satu keping data menduduki satu baris, satu skrin boleh memuatkan kira-kira sepuluh keping data dan data baharu dimuatkan apabila bar skrol menatal ke penghujung. Tetapi apabila jumlah data sangat besar, mungkin berpuluh-puluh ribu, maka akan ada banyak nod DOM dalam HTML Pada masa ini, saya ingin menggunakan p kosong untuk menggantikan senarai data yang tiada pada skrin Sebagai contoh, hanya memaparkannya dalam HTML 3 nod data yang boleh diletakkan pada skrin, dan data yang tinggal diisi dengan dua ps Apabila bar skrol menatal ke ketinggian satu skrin, data yang dipaparkan diganti tatasusunan digunakan dalam VUE untuk mengawal data yang dipaparkan), dan kemudian dikira Cari kaedah pelaksanaan untuk ketinggian p atas dan bawah.

Answer 1

Saya faham idea soalan itu, iaitu pengoptimuman bahagian hadapan tulen Adalah wajar untuk mengawal bilangan elemen halaman.

Tidak semua senario sesuai untuk paging Pada masa kini, banyak senarai dimuatkan secara menatal, dan semakin banyak anda menatal, semakin banyak data yang anda peroleh. .

Mengenai perlaksanaan, saya merasakan apa yang diperkatakan oleh penyoal agak jelas. . Mengira baris yang sepatutnya dipaparkan berdasarkan ketinggian adalah ok, tetapi saya merasakan bahawa p kosong di atas dan di bawah tidak perlu

Answer 2

Tidakkah anda mempertimbangkan untuk membuat penomboran atau sesuatu? Apa gunanya buat begini?

Answer 3

Sama seperti di atas, dalam kes ini, maksud paging benar-benar lebih besar daripada cara anda menulisnya (segemenfault terus mencari komponen paging Vue, ada yang sudah siap, tetapi ia bukan Vue2.0). Mungkin, anda berfikir bahawa jika jumlah data adalah sangat kecil, menambah komponen paging lain akan menjadi hodoh.

Answer 4

Cara yang anda lakukan rasanya seperti mengacau, banyak kerja, dan ia juga tidak bagus. Gunakan komponen paging! unsur mempunyainya. Komponen penomboran. Realisasikan kesannya