Size: a a a

Nuxt.js — русскоговорящее сообщество

2020 January 20

NN

Nikita Ni in Nuxt.js — русскоговорящее сообщество
Ребят, может кто объяснить как создать универсальный компонент с пагинацией, который принимает параметры offset,limit,total, и url в котором есть параметры?
источник

NN

Nikita Ni in Nuxt.js — русскоговорящее сообщество
на странице например я получаю данные в async mounted через axios.get(https://shtoto.com/search?offset=${this.offset}&limit=${this.limit}, а в компоненте pagination мне нужно как то поменять offset и limit и заново сделать запрос
источник

ИС

Илья Салмасов in Nuxt.js — русскоговорящее сообщество
Nikita Ni
на странице например я получаю данные в async mounted через axios.get(https://shtoto.com/search?offset=${this.offset}&limit=${this.limit}, а в компоненте pagination мне нужно как то поменять offset и limit и заново сделать запрос
зачем делать запрос из компонента пагинации?
источник

xx

x x in Nuxt.js — русскоговорящее сообщество
9 млн посетителей из Гугла. я херею, товарищи.
источник

ОС

Олег Сергеев in Nuxt.js — русскоговорящее сообщество
x x
9 млн посетителей из Гугла. я херею, товарищи.
wordpress 🤷🏻‍♂️
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
Nikita Ni
Ребят, может кто объяснить как создать универсальный компонент с пагинацией, который принимает параметры offset,limit,total, и url в котором есть параметры?
Посмотрите в сторону scopedSlots. Передавайте компоненту параметры пагинации, в самом компоненте отправляйте событие @nextPage или что-то вроде этого, в событие возвращайте промис куда потом придут ваши данные. Эти данные передавайте вниз через scopedSlot, либо держите их в v-model.
источник

NN

Nikita Ni in Nuxt.js — русскоговорящее сообщество
Илья Салмасов
зачем делать запрос из компонента пагинации?
Я имею в виду, как мне менять лимит офсет который указан в урле ${this.offset} при клике по prev/next в компоненте пагинации
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
Вариантов как сделать пагинацию в виде компонента сотни
источник

xx

x x in Nuxt.js — русскоговорящее сообщество
Nikita Ni
Я имею в виду, как мне менять лимит офсет который указан в урле ${this.offset} при клике по prev/next в компоненте пагинации
this.offset++
источник

xx

x x in Nuxt.js — русскоговорящее сообщество
😂
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
Nikita Ni
Я имею в виду, как мне менять лимит офсет который указан в урле ${this.offset} при клике по prev/next в компоненте пагинации
<my-pagination params.sync="params" />

При изменении параметров отправляйте событие params:update в компоненте. Таким образом параметры будут доступны и в пагинации и в контейнере.
источник

NN

Nikita Ni in Nuxt.js — русскоговорящее сообщество
Stanislav Lashmanov
Посмотрите в сторону scopedSlots. Передавайте компоненту параметры пагинации, в самом компоненте отправляйте событие @nextPage или что-то вроде этого, в событие возвращайте промис куда потом придут ваши данные. Эти данные передавайте вниз через scopedSlot, либо держите их в v-model.
Вспомнил про sync, а в целом так делать нормально?
источник

NN

Nikita Ni in Nuxt.js — русскоговорящее сообщество
Stanislav Lashmanov
Посмотрите в сторону scopedSlots. Передавайте компоненту параметры пагинации, в самом компоненте отправляйте событие @nextPage или что-то вроде этого, в событие возвращайте промис куда потом придут ваши данные. Эти данные передавайте вниз через scopedSlot, либо держите их в v-model.
через scopedSlots немного сложновато для меня, я ток учусь
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
Nikita Ni
Вспомнил про sync, а в целом так делать нормально?
Когда у вас несколько v-model только так и можно делать на данный момент. В v-model я предполагаю что вы будете держать ваш список.
источник

TK

Taras Khvyl in Nuxt.js — русскоговорящее сообщество
x x
9 млн посетителей из Гугла. я херею, товарищи.
это моб?)
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
Nikita Ni
через scopedSlots немного сложновато для меня, я ток учусь
Через v-model легко заменить
источник

NN

Nikita Ni in Nuxt.js — русскоговорящее сообщество
Хорошо спасибо, буду пробывать)
источник

VL

Victor Login in Nuxt.js — русскоговорящее сообщество
источник

VL

Victor Login in Nuxt.js — русскоговорящее сообщество
js отдается как html? верно?
источник

VL

Victor Login in Nuxt.js — русскоговорящее сообщество
точней наоборот)
источник