Вот пришло же как то человеку в голову поискать это))

Вот пришло же как то человеку в голову поискать это))

стало интересно как много его уканий в чате) Оказалось он и другие слова знает)

Народ, по моему вопросу. А если открытие закрытие диалогового окна оставить в родительском компоненте, а тело диалогового окна вынести в отедльный компонент - это нормально или не очень?

Народ, по моему вопросу. А если открытие закрытие диалогового окна оставить в родительском компоненте, а тело диалогового окна вынести в отедльный компонент - это нормально или не очень?

"открытие закрытие диалогового окна оставить" что это значит?

<md-dialog :md-click-outside-to-close="false" :md-esc-to-close="false" ref="deleteDialog"> <DeleteDialog v-on:fetchBodysize="fetchData" v-on:closeDeleteDialog="closeDialog('deleteDialog')" :id="bodysizeId" /> </md-dialog>

Народ, по моему вопросу. А если открытие закрытие диалогового окна оставить в родительском компоненте, а тело диалогового окна вынести в отедльный компонент - это нормально или не очень?

я всё делал в компоненте, а отображал её через v-if="showModal"

По мне должно быть так: Всё что касается компонента - должно быть в нём Из родительского спускать данные вниз или через State Содержимое подменять через слоты

Если делать все одном компоненте, то слишком большая портянка получается. Поэтому хочу вынести диалоговые окна в отдельные файлы

@balalay12 то есть - декомпозиция компоненты на 2 и более компонент? весь смысл раздеоения сущностей в том, что в одном файле разметка и слили и клей из js

Если делать все одном компоненте, то слишком большая портянка получается. Поэтому хочу вынести диалоговые окна в отдельные файлы

диалоговое окно это и есть отдельный компонент, в котором реализовано всё что его касается)

Если делать все одном компоненте, то слишком большая портянка получается. Поэтому хочу вынести диалоговые окна в отдельные файлы

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

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

Доброе утро всем, подскажите пожалуйста как собрать поля формы для отправки при использовании vuex и computed свойства. https://jsfiddle.net/maksimenka/eb2trqng/

Доброе утро всем, подскажите пожалуйста как собрать поля формы для отправки при использовании vuex и computed свойства. https://jsfiddle.net/maksimenka/eb2trqng/

Объект user надо в data хранить

Доброе утро всем, подскажите пожалуйста как собрать поля формы для отправки при использовании vuex и computed свойства. https://jsfiddle.net/maksimenka/eb2trqng/

v model

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

т.е. через set записать в data() { user: {}} ?

т.е. через set записать в data() { user: {}} ?

Как то так https://jsfiddle.net/eb2trqng/1/

Как то так https://jsfiddle.net/eb2trqng/1/

В том то и проблема, vuex так сделать не даст. У меня случай примерно как в доках: https://vuex.vuejs.org/ru/forms.html , только я хочу после редактирования всех полей отправлять, а не просто редактировать и отправлять при @input

@maksimenka то есть отправлять типа form on submit post

button on submin

интересует как лучше собрать данные из полей

Ну, у тебя же в дате лежат данные

Которые привязаны к полям через v-model

А в vuew 2.5 автоматически генерируемы еполя до 1 уровня могут чем-то помочь? my.address my.indexField

В том то и проблема, vuex так сделать не даст. У меня случай примерно как в доках: https://vuex.vuejs.org/ru/forms.html , только я хочу после редактирования всех полей отправлять, а не просто редактировать и отправлять при @input

а чем пример из доков не устраивает?

v-on Automatic Key Modifiers

а чем пример из доков не устраивает?

там ловится эвент и берется таргет вэлью, а мне надо собрать все поля формы и отправить

Simplified Scoped Slots Usage Previously we must use <template> in combination with the scope attribute to denote a scoped slot: <comp> <template scope="props"> <div>{{ props.msg }}</div> </template> </comp> The original reasoning was to avoid the ambiguity in the use of the scope attribute, because it can be confused for a prop if used on a component. However, the required <template> results in an extra level of nesting, which makes the syntax a bit verbose. In 2.5, the scope attribute has been deprecated (it still works, but you will get a soft warning). Instead, we now use slot-scope to denote a scoped slot, and it can be used on a normal element/component in addition to <template>: <comp> <div slot-scope="props"> {{ props.msg }} </div> </comp> Note that this change means that slot-scope is now a reserved attribute and can no longer be used as a component prop.

Ладно, буду разбираться, спасибо

там ловится эвент и берется таргет вэлью, а мне надо собрать все поля формы и отправить

Почему ты из vuex, не можешь получить все данные, сохранить локально в компоненте, а потом на сабмит, отправить все новые данные куда тебе надо

Simplified Scoped Slots Usage Previously we must use <template> in combination with the scope attribute to denote a scoped slot: <comp> <template scope="props"> <div>{{ props.msg }}</div> </template> </comp> The original reasoning was to avoid the ambiguity in the use of the scope attribute, because it can be confused for a prop if used on a component. However, the required <template> results in an extra level of nesting, which makes the syntax a bit verbose. In 2.5, the scope attribute has been deprecated (it still works, but you will get a soft warning). Instead, we now use slot-scope to denote a scoped slot, and it can be used on a normal element/component in addition to <template>: <comp> <div slot-scope="props"> {{ props.msg }} </div> </comp> Note that this change means that slot-scope is now a reserved attribute and can no longer be used as a component prop.

С кем ты Разговариваешь?

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

там ловится эвент и берется таргет вэлью, а мне надо собрать все поля формы и отправить

Таргет велью это чтобы в сторе поменять значение

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

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

Ты хранишь стор в ls?

нет

Наконец то сделал компонент автокомплита из vue-multiselect

Тогда что за reload?

обновление страницы

Wtf? Тогда почему ты беспокоишься о лишнем запросе?

Точнее не лишний запрос, а одинаковый запрос. Я эти же данные заправшиваю при загрузке приложения.

Через computed они отлично подтягиваются

а геттер отдает undefined, приходится делать запрос и через then обрабатывать

В родители повесь v-if на компонент, в родители запрашивай данные.

я в корневом запрашиваю app.vue

Ну тогда просто повесь v-if, а в родители получи доступ к гетеру

Когда геттер обновится, появится компонент.

А есть у кого книги годные по vue? Дока слишком сухая, такое себе читалово :D

Уу

А есть у кого книги годные по vue? Дока слишком сухая, такое себе читалово :D

Охренеть заявление.

Охренеть заявление.

сильное?

Уу

Уу

Уу

Ээ

Уууу

Я не очень много таких крутых док, как у вьюхи видел.

not "Уу"

Охренеть заявление.

Ок, но слабо представляю как он должен обновится, если он сразу же undefing

сильное?

Сильное заявление. Проверять мы его, конечно же, не будем

Почему он у тебя undefined, ты в сторе ему не задал значение по умолчанию? Типо null

Как я понял из твоего текста, у тебя есть компонент с формой в котором редактируются данные и апп в котором запрашиваются эти данные. И ты не хочешь, чтоб эти данные запрашивались повторно. Тогда логично, запросить данные в родители или апп, ждать пока они появятся и потом уже показывать компонент.

Точнее я поучаю обсервер без данных

К счастью у нас все реактивно, и поэтому достаточно v-if повесить.

Точнее я поучаю обсервер без данных

Пустой объект?

Обвервер с прототипом и вэлью вроде, в котором опять же прототип а данных нет

Это все решаемо через watch но это все усложняет код

Поэтому и решил сделать как в мануале по vuex

Когда ответ приходит, данные появляются в том геттере?

Это все решаемо через watch но это все усложняет код

watch не нужен, есть computed

Мне в любом случае надо сделать новый объект user (Object.assign), поэтому тут computed не подойдет

Ты на мой вопрос ответь

Ты на мой вопрос ответь

Сча воссоздам, и отвечу

Просто геттеры vuex, работают как комьютед свойства.

И мне не понятно, откуда у тебя проблемы.

Ты на мой вопрос ответь

created() { console.log(this.$store.getters.getProfile); }, http://c2n.me/3OS1VoX

Или от чего.

http://c2n.me/3OS23w9

Когда ответ пришел, данные появились в get profile?

нет

Вот так работает: computed: { profile() { return this.$store.getters.getProfile; } }, created() { this.$store.dispatch('getProfile') .then(() => { this.user = Object.assign({}, this.profile) }) },

но каждый раз когда заходишь на страницу, данные запрашиваются, а я хочу их брать из store

Короче буду разбираться, спасибо за наводки.

Вот так работает: computed: { profile() { return this.$store.getters.getProfile; } }, created() { this.$store.dispatch('getProfile') .then(() => { this.user = Object.assign({}, this.profile) }) },

Wtf???

Ты переписываешь комьютед свойство?

Wtf???

нет, создаю this.user

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

Не суть

Хм, звучит как хрень какая та. Если бы делал я. То в родители делал диспатч. Потом геттер прикидывал в компонент формы, а в ней уже делал бы assign.

И вешал бы на компонент формы v-if=profile

В сторе у свойства профиль повесил бы значение по умолчанию null

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

А есть у кого книги годные по vue? Дока слишком сухая, такое себе читалово :D

Расскажите чем вам доки не нравятся, что там может непонятно и требует лучшего описания? :)

Да ну я не говорю, что они плохие же, ну

Я о том, что было бы круто книжку, где на примерах разрабатывают приложение)

Ему секретные техники нинзя нужны