Как заставить SSR работать в nuxtjs при работе с бесконечной прокруткой - PullRequest
Новая
       27

Как заставить SSR работать в nuxtjs при работе с бесконечной прокруткой

1 голос
/ 11 мая 2019

Я пытаюсь создать сайт, используя nuxtjs, в основном для целей рендеринга на стороне сервера.Я использовал vuejs, но в этом все выполняется на стороне клиента, я не хочу, чтобы это произошло.

У меня есть несколько страниц, где я динамически выбираю данные.При начальной загрузке я использовал nuxtServerInit в действиях для извлечения данных со стороны сервера, и это прекрасно работает, но моя проблема в том, что у меня бесконечная страница прокрутки, и когда я прокручиваю до нижней части для следующих 10 массивов объектов, он выполняется на клиентесторона, и это приводит меня к тому же беспокойству, что и у меня с vuejs.

Я использую vue-infinite-loading, он работает, но это явно не совместимо с ssr, есть ли другие библиотеки для того жедля достижения цели 

<infinite-loading @infinite="infiniteHandler" ref="infiniteLoading">
    <span slot="no-more">no more data...</span>
</infinite-loading>

метод 

infiniteHandler () {
    let object = {
       current_page: this.Question.current_page + 1,
       orderBy: this.orderBy
     }
     this.$store.dispatch('Question/getAllQuestions', object)
        .then(
           response => {
             console.log('worked')
           }
        }
     )
}

Как я могу сделать это на стороне сервера рендеринга при прокрутке вниз, как я могу добиться того же, что nuxtServerInit делает на начальномнагрузка, т.е. рендеринг на стороне сервера.

...