Nuxt で vue-infinite-loading を使うメモ

JavaScript

Vue で無限スクロールを実装するなら、今だと vue-infinite-loading を使うのが良さげ。

github.com

ただ、Nuxt で使う場合はひと工夫必要だった。といっても、サーバーサイドレンダリング時は描画しないように <no-ssr></no-ssr> で囲むだけだったが。

<no-ssr>
  <infinite-loading @infinite="handleInfinite" v-if="hasNext">
  </infinite-loading>
</no-ssr>