nuxt中使用vue瀑布流组件

1、 安装

使用命令 npm install vue-infinite-scroll --save 安装

2、plugins下创建vue-infinite-scroll.js

import Vue from 'vue'
import infiniteScroll from 'vue-infinite-scroll'
Vue.use(infiniteScroll)

3、在nuxt.config.js配置, ssr设为false不服务端渲染

 plugins: [
    { src: '~plugins/vue-infinite-scroll.js', ssr: false }
  ]

4、使用

在需要用到瀑布流组件组件的地方 加入 v-infinite-scroll="loadMore"
然后再根据业务需要编写 loadMore 方法