fd_lover24sue https://blog.hatena.ne.jp/fd_lover24sue/ ニワトリのたまご https://niwanoniwatori.hateblo.jp/ 開発 javascript はじめに Vuetifyのv-virtual-scrollを使ってリストのコンポーネントを作成しています。データ数が多くなってもスクロールは軽いままで良いと思っていたのですが、どうも最初に表示するのに時間がかかる。調べてみるとデータの処理はすぐに終わってリストの部分にデータを渡せているのですが、リストのコンポーネント自体の初期化に時間がかかっているようでした。 そこで、一度に全てのデータを初期表示するのではなくスクロールのたびにデータを読み込むために、v-intersectを使うことにしました。 環境 vue: 3.4.27 vuetify: 3.6.8 結論 v-intersectを使うこと… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fniwanoniwatori.hateblo.jp%2Fentry%2F2024%2F12%2F07%2F072126" title="v-virutal-scrollの初期化が重いのでv-intersectで無限スクロールを実装した - ニワトリのたまご" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2024-12-07 07:21:26 rich https://niwanoniwatori.hateblo.jp/entry/2024/12/07/072126 1.0 100%