Не очень понятен смысл, там готовае админки чтоли

https://themeforest.net/search/vue%20admin

Понятно

В принципе особого смысла не вижу, но в качестве предпросмотра вариантов будет полезно

что то не пойму, есть компонент инпута https://github.com/fengyuanchen/vue-number-input , как мне его использовать в Nuxt

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

что то не пойму, есть компонент инпута https://github.com/fengyuanchen/vue-number-input , как мне его использовать в Nuxt

https://t.me/nuxtjs_ru

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

но так-то да

Всем привет. Подскажите, кто как реализовывает следующий кейс, может есть какие то статьи под рукой на этот счет: Есть карточка товара, например, она состоит из нескольких компонентов, например - информация о товаре, заказчики этого товара, их контакты, статистика по продаваемости товара и многое другое. Каждая логическая часть реализована как отдельный компонент для удобства и простоты. Как мне все это до кучи собирать и сабмитить формы в этих компонентах кнопкой "Сохранить" в родительском? Сталкивался кто нибудь с такой задачей?

чтобы при этом валидация полей работала и все такое)

Всем привет. Подскажите, кто как реализовывает следующий кейс, может есть какие то статьи под рукой на этот счет: Есть карточка товара, например, она состоит из нескольких компонентов, например - информация о товаре, заказчики этого товара, их контакты, статистика по продаваемости товара и многое другое. Каждая логическая часть реализована как отдельный компонент для удобства и простоты. Как мне все это до кучи собирать и сабмитить формы в этих компонентах кнопкой "Сохранить" в родительском? Сталкивался кто нибудь с такой задачей?

Vuex

панацея

приложи VUEX и потенция вернётся

Для любого data-flow в приложении лучше использовать vuex

Зачем хитрить пробрасывая какие-то состояния

Звучит как Observer...

Vuex

ну так а разве это не будет двойная работа? Приведу простой пример Есть форма юзера - родительский компонент есть дочерний - его профиль (мыло, логин, пароль) есть дочерние - список его покупок с возможностью редактирования, например, адреса доставки, методы оплаты Я в родительском нажимаю сохранить, при этом состояния каждого компонента у меня хранятся в VUEX. Как при этом мне запустить валидацию каждого дочернего компонента, выводить ошибки, если что-то пошло не так, и только при пройденной во всех дочерних компонентах валидации все сохранять. Двойное хранение данных выходит - в самом компоненте локальные модели, и в vuex еще одни

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

разве что лепить все в одном компоненте - других адекватных идей в голову не приходит

со статусом формы тебе нужно данные формы передавать в родителя. тогда какой разница в компоненте ты их сложеш или в родителе или в вуэксе?

со статусом формы тебе нужно данные формы передавать в родителя. тогда какой разница в компоненте ты их сложеш или в родителе или в вуэксе?

не обязательно передавать в родителя - можно ее засабмитить перед сабмитом родителя

используя свои методы для сохранения

тады статус возвращай в родителя

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

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

ну вроде в нужную сторону направили, спасибо, буду пробовать

если что вуэкс прикладывай он целебный

если что вуэкс прикладывай он целебный

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

ну так а разве это не будет двойная работа? Приведу простой пример Есть форма юзера - родительский компонент есть дочерний - его профиль (мыло, логин, пароль) есть дочерние - список его покупок с возможностью редактирования, например, адреса доставки, методы оплаты Я в родительском нажимаю сохранить, при этом состояния каждого компонента у меня хранятся в VUEX. Как при этом мне запустить валидацию каждого дочернего компонента, выводить ошибки, если что-то пошло не так, и только при пройденной во всех дочерних компонентах валидации все сохранять. Двойное хранение данных выходит - в самом компоненте локальные модели, и в vuex еще одни

Валидация обычно прямо на месте проводится

В компоненте где ты вводишь данные

ты наверняка хранишь ссылки на объект, а не делаешь deep clone

В компоненте где ты вводишь данные

да, но надо еще как то на бекенд отправить для сохранения изменений при этом) и чтобы отправлялось только если во всех компонентах все валидации прошли) чтобы данные все целостные были

да, но надо еще как то на бекенд отправить для сохранения изменений при этом) и чтобы отправлялось только если во всех компонентах все валидации прошли) чтобы данные все целостные были

Я бы проверял и в компонентах, и при отправке

Хм

А <v-tooltip> на <v-list-tile-avatar> как сделать?

написано что можно обернуть любой компонент, но не получается.

написано что можно обернуть любой компонент, но не получается.

где написано? ссылку дай поглядеть

где написано? ссылку дай поглядеть

https://vuetifyjs.com/en/components/tooltips

Tooltips can wrap any element.

https://vuetifyjs.com/en/components/tooltips

а ты как делаешь?

<v-tooltip bottom> <v-btn slot="activator" color="primary" dark > Button </v-btn> <span>Tooltip</span> </v-tooltip> там пример есть

https://codepen.io/anon/pen/dgNLxP?&editors=101

https://codepen.io/anon/pen/dgNLxP?&editors=101

реально не работает) чудеса

реально не работает) чудеса

может не должно?

может не должно?

нашел решение)

может не должно?

<v-list-tile-avatar slot="activator">

вот так заработало

https://blog.jetbrains.com/webstorm/2017/06/webstorm-2017-2-eap-172-2827/

? ? ? ? ? ? ? ?

может не должно?

https://codepen.io/anon/pen/BqpeRm?editors=1010

? ? ? ? ? ? ? ?

?????

слушайте, сложно ли будет переработать Vue SPA в SSR с помощью официального плагина ?

?????

Спасибо за линк! Прям камень с плеч

https://codepen.io/anon/pen/BqpeRm?editors=1010

вот я сохранил правильно https://codepen.io/anon/pen/dgNLxP?editors=1010

вот я сохранил правильно https://codepen.io/anon/pen/dgNLxP?editors=1010

ага, все работает

ага, все работает

а что это?slot="activator"

а в доках написано, для чего он нужен

а, а я у листа его искал

там же массив, v-for надо

Я перебираю через v-for

Я перебираю через v-for

а весь кусок покажи

а id выводится?

@kohone Даже business.business_category выводит

ERROR: S client not available

@kohone Даже business.business_category выводит

принтани его, покажи что выводит

Но только я пробую business.business_category.title выдет ошибку

{{ business.business_category }}

Сек

может в title русская буква закралась

попробуй отсюда скопировать слово title и в вывод вставить

Та же херь

id отсюда тоже не выводится?

Нет

Нет

выведи JSON в консоль

Господа С JSmith01/vue-selectable сталкивался кто-то? Конкретно с его rootElement & boundingBox

В консоль выводит без проблем

В консоль выводит без проблем

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

@kezov Не понял

@kezov Не понял

я так подозреваю, что он имеет ввиду, как на стороне laravel называешь элемент массива, куда кидаешь категорию

@kezov Не понял

ты после того, как получаешь массив с данным куда его записываешь?

Но только я пробую business.business_category.title выдет ошибку

а если так ? business.business_category[title]

@bartatovskiy Тоже не помогло)

хм... попробуй v-for="( business, index ) in businessList" :key="index"

И дальше без data

Приветствую! Возможно ли как то обратиться через $refs из родительского компонента в дочерний?

@BonifacyBelov помогло?

@kezov Нет

И что находится в массиве businessList?

Перебираю через v-for businessList.data