Телеграмм чат группы nuxtjs

2020 March 12

A

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

В таких случаях нужно говорить: у тебя все получится, ты лучший, мы в тебя верим

источник

11:38пожаловаться #1

ВБ

Владимир Бандуристов in Nuxt.js — русскоговорящее сообщество

Подскажите пожалуйста, как передать событие из красного компонента в синий, с учетом что между ними может быть не только зеленый компонент но и ещё вложенность?
Я попробовал через $bus, но тогда почему то в синем компоненте событие как будто несколько раз всплывает

источник

11:52пожаловаться #2

С

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

Привет всем. пресловутый вопрос. Прелоадер. Как сделать? Т.е. не loader, который полосу выводит, а крутилку, которая мигает пока весь контент с картинками и прочим не подгрузится.. Что то в тырнетах ни чего толкового не нашел

источник

11:52пожаловаться #3

ВБ

Владимир Бандуристов in Nuxt.js — русскоговорящее сообщество

Сергей

Привет всем. пресловутый вопрос. Прелоадер. Как сделать? Т.е. не loader, который полосу выводит, а крутилку, которая мигает пока весь контент с картинками и прочим не подгрузится.. Что то в тырнетах ни чего толкового не нашел

А вроде как в наксте можно указать кастомный компонент для loading в nuxt.config.js loading: '~/components/loading.vue'

источник

11:54пожаловаться #4

С

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

loading - не то пальто. loading запускается всякий раз при асинхронных запросах на сервере, даже без перехода от компонента к компоненту

источник

11:55пожаловаться #5

С

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

А мне нужно при первом открытии мигалка, которая погаснет при полной загрузке контента и вновь появится когда юзер кликнет на nuxt-link

источник

11:56пожаловаться #6

ВБ

Владимир Бандуристов in Nuxt.js — русскоговорящее сообщество

А, а нужно именно при загрузке страницы, то есть по сути когда отработает mounted страницы?

источник

11:56пожаловаться #7

С

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

mounted к сожалению отрабатывает раньше чем загрузится весь контент... поэтому тоже не подходит :(

источник

11:57пожаловаться #8

V

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

Владимир Бандуристов

Подскажите пожалуйста, как передать событие из красного компонента в синий, с учетом что между ними может быть не только зеленый компонент но и ещё вложенность?
Я попробовал через $bus, но тогда почему то в синем компоненте событие как будто несколько раз всплывает

тут логично, что компонент Amount передает событие наверх, виджету cartProductItem, который в свою очередь посылает событие корзине (скорее всего состав корзины лежит в vuex)

источник

11:59пожаловаться #9

ВБ

Владимир Бандуристов in Nuxt.js — русскоговорящее сообщество

Valeriy

тут логично, что компонент Amount передает событие наверх, виджету cartProductItem, который в свою очередь посылает событие корзине (скорее всего состав корзины лежит в vuex)

То есть на всем протяжении вложенности передавать наверх?

источник

11:59пожаловаться #10

V

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

Владимир Бандуристов

То есть на всем протяжении вложенности передавать наверх?

не стоит боятся, в данном случае вложенность небольшая

я бы не стал все компоненты цеплять к vuex, без небходимости

источник

12:00пожаловаться #11

ВБ

Владимир Бандуристов in Nuxt.js — русскоговорящее сообщество

Valeriy

не стоит боятся, в данном случае вложенность небольшая

я бы не стал все компоненты цеплять к vuex, без небходимости

Не, у меня они вообще никак к vuex'у не привязаны.

источник

12:00пожаловаться #12

ВБ

Владимир Бандуристов in Nuxt.js — русскоговорящее сообщество

Valeriy

не стоит боятся, в данном случае вложенность небольшая

я бы не стал все компоненты цеплять к vuex, без небходимости

Окей, понял, спасибо

источник

12:00пожаловаться #13

V

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

для более красивой связки почитайте про model
https://ru.vuejs.org/v2/api/#model

ru.vuejs.org

API — Vue.js

Vue.js — Прогрессивный JavaScript-фреймворк

источник

12:01пожаловаться #14

V

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

получится что то типо
CartProductItem
Amount(v-model="count")

источник

12:02пожаловаться #15

V

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

Valeriy

получится что то типо
CartProductItem
Amount(v-model="count")

В CartProductItem
computed: {
count: {
get() {
return this.propCount;
},

set(id) {
this.propCount = id
}
},
},

чтобы не плодить методы

источник

12:04пожаловаться #16

V

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

проверить длину массива?

рекомендую выбранное значение представлять примитивом: string, number
и делать computed по поиску выбранного объекта из массива данных по ID

Зачем делать лишнее копирование данных

источник

12:08пожаловаться #17

V

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

смотря как реализован компонент
для большего ответа нужно смотреть код

источник

12:18пожаловаться #18

V

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

кстати, если getter getTypes возвращает данные из state без преобразования, то лучше использовать mapState

по поводу задачки, в data пустой объект notifications, может быть стоит добавить ключи type и email?

источник

12:32пожаловаться #19

АН

Андрей Назаров in Nuxt.js — русскоговорящее сообщество

Владимир Бандуристов

Подскажите пожалуйста, как передать событие из красного компонента в синий, с учетом что между ними может быть не только зеленый компонент но и ещё вложенность?
Я попробовал через $bus, но тогда почему то в синем компоненте событие как будто несколько раз всплывает

недавно обсуждали новый для меня подход, через Provide/Inject передать метод из родительского компонента в ребенка, и его дергать

источник

12:38пожаловаться #20