@wufapexef

Как реализовать lazy load с изменением url? Как менять url без фактического перехода?

Как реализовать функцию на вебсайте, когда страница прокручивается вниз и автоматически подгружается новый конент и меняется url?

Вот к примеру есть такое:

data () {
  return {
    articles: [
      {title: 'Article One', slug: 'article-one'},
      {title: 'Article Two', slug: 'article-two'}
    ]
  }
}


<component :data="articles[0]" :is="slug"></component>


Если я делаю на скролл что-то вроде

this.$router.push('/article-two')

То происходит полный переход по динамическому рауту, т.е. просто обновляется весь компонент. А мне надо чтобы он добавился внизу предыдущего И изменился url.

Пример того о чем я говорю можно увидеть например на life.ru. При переходе на любую статью и прокрутку до конца.
  • Вопрос задан
  • 103 просмотра
Пригласить эксперта
Ответы на вопрос 1
nuykon
@nuykon
Full Stack Developer
Ajax'ом подгружаете статьи, history.pushState для смены урла в браузере.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы