Ну ещё на всяки случай покажи геттер

В сторе как реализован

Ну не знаю, у тебя в products id строка или число? Глупый конечно вопрос, но...

Потому что из пропс будет строкой, а у тебя в колбеке find сравнение будет без приведения типов

Число по идеи

Хммм

И вообще лучше задавать в компоненте атрибутам с данными начальное значение, пусть даже пустое. Я смотрю у тебя там заккоментирован к кусочек в data, наверное с этим кусочком (когда не закомментирован) ошибка не вылазит?

А что за ошибку то пишет?)

Не всегда удаётся сразу получить данные, поэтому вью может ругаться

product.id == id так попробуй написать в колбеке find , сравнение будет с приведением типов

product.id == id так попробуй написать в колбеке find , сравнение будет с приведением типов

два равно без

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

два равно без

Что, без?

Что, без?

не приводятся там типы. два равно сравнивает не смотря на типы

Не будем спорить. https://developer.mozilla.org/ru/docs/Web/JavaScript/Equality_comparisons_and_sameness

Подскажите, пожалуйста. Для того, чтоб показать и скрыть блок использую событие: @click="isOpen = !isOpen" сам блок слушает: v-if="isOpen" Это работает, когда блок всего один, когда их несколько - при нажатии показываются все скрытые. Как их разбить? Вопрос банальный, но новичку бы очень помогло, если вы объяснити логику - как событие передавать отдельно для кажого блока?

Скрин покажи темплейта

Делать блок компонентом?

Делать блок компонентом?

да и по id скрывать/раскрывать

А другие if

Полностью темплейт, короче надо видеть

Пополно копилку нубских вопросов (очень маленькая песочница из 2 кнопок). https://codesandbox.io/s/kx1yy2lp2v Что я не понимаю в @click? Почему 2 работает, а 1 нет?

Вынеси в компонент, чтобы данные были для него локальные, сейчас все компоненты на одни данные завязаны

собственно, где юзать просто @click, если он не работает? (наверно я не правилньо его юзаю)

Полностью темплейт, короче надо видеть

а там нет больше у меня v-if (

Пополно копилку нубских вопросов (очень маленькая песочница из 2 кнопок). https://codesandbox.io/s/kx1yy2lp2v Что я не понимаю в @click? Почему 2 работает, а 1 нет?

<template> <button v-on="$listeners"> <slot/> </button> </template>

<template> <button v-on="$listeners"> <slot/> </button> </template>

спасибо!

а там нет больше у меня v-if (

Слушай, ну если у тебя один v-if то только он и будет скрываться / показываться согласно условию

спасибо!

https://codesandbox.io/s/9op43lj01p ну либо так)

Слушай, ну если у тебя один v-if то только он и будет скрываться / показываться согласно условию

а как разбить так, чтоб кнопка работала в текущем блоке? Как узнать, что это именно текщий блок (в котором я нажимаю кнопку) ?

а как разбить так, чтоб кнопка работала в текущем блоке? Как узнать, что это именно текщий блок (в котором я нажимаю кнопку) ?

добавь id им...

Или для каждого блока свой isOpen

добавь id им...

тогда ещё вопрос, как в click передать id элемента?

тогда ещё вопрос, как в click передать id элемента?

@click="clickHandler(id)"

ну яб на твоем месте блок сделал отдельным компонентом и внутри описал логику раскрытия\скрытия

Пополно копилку нубских вопросов (очень маленькая песочница из 2 кнопок). https://codesandbox.io/s/kx1yy2lp2v Что я не понимаю в @click? Почему 2 работает, а 1 нет?

Потому что по-умолчанию на компонентах Вью ожидает кастомные события.

никак)

никак)

И как быть в такой ситуации?

Потому что по-умолчанию на компонентах Вью ожидает кастомные события.

я могу как-то сделать (чтобы это было правильно) что-то в стиле v-on="$listeners['click']" ? Чтобы только клик завязать

И как быть в такой ситуации?

насколько мне известно vuex'овые геттеры нельзя сделать с сеттерами. но и вообще это плохая практика

ну и тап (на мобильных)

@Bruian @reeei спасибо. Наставили на путь, буду пробовать

я могу как-то сделать (чтобы это было правильно) что-то в стиле v-on="$listeners['click']" ? Чтобы только клик завязать

я тебе ответил как

я тебе ответил как

я хотел проще

я хотел проще

никак

насколько мне известно vuex'овые геттеры нельзя сделать с сеттерами. но и вообще это плохая практика

Мне этот геттер надо в модель кинуть, так не хочется делать ещё один computed для связки

Мне этот геттер надо в модель кинуть, так не хочется делать ещё один computed для связки

computed для model ? ???

computed для model ? ???

get() и set() же работает для этого, даже в доке видел где-то

get() и set() же работает для этого, даже в доке видел где-то

https://vuex.vuejs.org/guide/forms.html#two-way-computed-property

но это хуйня как по мне так делать

почему?

Оо

я хотел проще

@click="$emit('click')" ну вот так в принципе

но это хуйня как по мне так делать

Ну как бы ты сделал. У тебя в сторе ID, его надо пихнуть в селект, который может поменять его

Ну как бы ты сделал. У тебя в сторе ID, его надо пихнуть в селект, который может поменять его

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

Ну как бы ты сделал. У тебя в сторе ID, его надо пихнуть в селект, который может поменять его

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

просто когда много значений то имхо очень много писать и это не круто

Привет! Подскажите как правильно огранизовать работу со vuex стором при работе с данными сервера. Допустим делаю обычный ту-ду лист Такая задача: В стейте у меня находиться пустой массив объектов (data: Array) Я пишу геттер, который в компонент передает видоизменненную информацию о дате из стейта `return toDoData.length > 0 ? toDoData[0].dates.map(function(ts) { return new Date(ts).toLocaleDateString("en-US") }) : null ` Я хочу чтобы до того, как я что-либо записал в стейт он возвращал мне null. Однако программа крэшится, VM43945 4:1742 TypeError: Cannot read property 'dates' of undefined Хотя по идеи не должно срабаотывать это условие. Может стоит как-то объект описать? Как записать обновленную информацию с севера в стейт более менее понятно

А че так можно было с функциями ?

ERROR: S client not available

А че так можно было с функциями ?

яснее вопрос, плиз

Не хватает () после getTestWords?

почему?

у тя приходят откуда-то данные эти? если да то жди пока придут потом рендери

Что ты пытаешься сделать таким образом

у тя приходят откуда-то данные эти? если да то жди пока придут потом рендери

из сторы приходят. рендерятся быстрее, чем приходят. поэтому ошибка. жди - как?

из сторы приходят. рендерятся быстрее, чем приходят. поэтому ошибка. жди - как?

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

из сторы приходят. рендерятся быстрее, чем приходят. поэтому ошибка. жди - как?

а ждать v-if'ом

я могу как-то сделать (чтобы это было правильно) что-то в стиле v-on="$listeners['click']" ? Чтобы только клик завязать

а попробуй, v-on="{ click: $listeners.click }", по идее должно работать

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

но ошибка так получается, имхо.

а попробуй, v-on="{ click: $listeners.click }", по идее должно работать

если что это работает)

если что это работает)

ну сенкс, а то как раз уже сам хотел проверить. То это то что тебе нужно было?

ну сенкс, а то как раз уже сам хотел проверить. То это то что тебе нужно было?

работает, выглядит вроде норм, думаю да, спасибо!

работает, выглядит вроде норм, думаю да, спасибо!

спасибо Адаму Ватану за его чудесный курс )))

работает, выглядит вроде норм, думаю да, спасибо!

Можно развернуть через stage-3 $listeners и переопределить события

ну попробуй v-if повесить туда где нужны эти данные

и вообще смотри девтулзы

там отследить можн есть данные или нет

там отследить можн есть данные или нет

по времени? как?

по времени? как?

залогировать))

залогировать))

)))

но это хуйня как по мне так делать

Да

Приветы всем этим прекрасным утром! Ребят, кто может посмотреть на тестовое ТЗ и на решение (оно маленькое) и покритиковать? Написать на vue.js страничку: "Касса кинотеатра" 1. На экране появляется кинозал - квадратики мест (10 рядов по 10 мест) 2. Свободные места - зеленые квадратики, занятые места - красные квадратики 3. Часть мест занята изначально (10 случайных квадратиков). 4. Мышкой выбираем нужные места (можно выбирать только свободные) - места выделяются/развыделяются желтым. Справа появляется статус: "Вы выбрали места: ряд 1 место 4, ряд 1 место 5..." и общая стоимость (1 билет стоит 100 руб). Ниже кнопки "Купить" и "Отмена" - после нажатия Купить - квадратики становятся красными и выдается сообщение: "Спасибо за заказ!" https://gist.github.com/furryablack/ab056942427d083dd9658afa9256a39d

Сколько времени вы бы потратили, может вы сделали ли бы иначе? Просто я получил реджект именно по этому ТЗ. Без объяснений. Спросил - игнор. Меня же теперь съедает изнутри - да где косячнул. Так как задача проще некуда

Приветы всем этим прекрасным утром! Ребят, кто может посмотреть на тестовое ТЗ и на решение (оно маленькое) и покритиковать? Написать на vue.js страничку: "Касса кинотеатра" 1. На экране появляется кинозал - квадратики мест (10 рядов по 10 мест) 2. Свободные места - зеленые квадратики, занятые места - красные квадратики 3. Часть мест занята изначально (10 случайных квадратиков). 4. Мышкой выбираем нужные места (можно выбирать только свободные) - места выделяются/развыделяются желтым. Справа появляется статус: "Вы выбрали места: ряд 1 место 4, ряд 1 место 5..." и общая стоимость (1 билет стоит 100 руб). Ниже кнопки "Купить" и "Отмена" - после нажатия Купить - квадратики становятся красными и выдается сообщение: "Спасибо за заказ!" https://gist.github.com/furryablack/ab056942427d083dd9658afa9256a39d

почему все в одном компоненте, зачем вообще использовать классы, и почему не vue-cli?

почему все в одном компоненте, зачем вообще использовать классы, и почему не vue-cli?

Читай ТЗ ))

почему все в одном компоненте, зачем вообще использовать классы, и почему не vue-cli?

Ае, там требование на гист одним файлом положить Я не докопипастил, разволновался. Лапки дрожат))

Ае, там требование на гист одним файлом положить Я не докопипастил, разволновался. Лапки дрожат))

ок, но место классов, лучше разбить на комоненты

Еще нубский вопрос. У меня есть дочерний компонент таблица. Компонент CRUD таблицы, весь стейт и запросы на уровне таблицы. На уровне "страницы" в шапке есть кнопка "перезагрузить данные". Могу ли я сделать что-то в с тиле this.$refs.table.emit('refresh')?

Ае, там требование на гист одним файлом положить Я не докопипастил, разволновался. Лапки дрожат))

а может они просто пидоры и все?