Alex
Когда ничего не поменялось)
Roman
по сути это вызов метода компонента, но почему-то интерфейса именно функционального компоненты в Vue не предоставляют
Roman
Когда ничего не поменялось)
поменялось, просто рассинхрон между переменной в Parent, и внутренней переменной суб-компонента Child
Alex
Сами сказали — был null — стал null
Roman
хотя... наверное можно в таком случае словит event от суб-компонента мол "мои внутренности изменились" и изменить тем самым состояние Parent, но не порадит ли это цикл?
Roman
Сами сказали — был null — стал null
это в Parent, но Parent не знает что внутрее состояние Child изменилось
Alex
А чтобы узнал, снизу событие можно прокинуть
Alex
И верхний отслеживая может отреагировать
Roman
хотя вроде цикл порадить не должно... ибо если событие от Child переводит переданный prop'ом Parent в новое состояние, которое автоматом пытается передать динамическому пропу но тот ничего не меняет поскольку ничего не изменилось
Artur
Всем привет, подскажите плз как правильно сделать серверную валидацию в парадигме vuex?
Например, есть форма регистрации, при отправке данных на сервер возникает ошибка и возвращается объект с полями, которые не прошли валидацию. Нужно замаппить эти поля на форму.
Буду очень раз любой ссылке, примеру или мыслям)
Artur
мб есть известное решение
Stanislav
Всем привет, подскажите плз как правильно сделать серверную валидацию в парадигме vuex?
Например, есть форма регистрации, при отправке данных на сервер возникает ошибка и возвращается объект с полями, которые не прошли валидацию. Нужно замаппить эти поля на форму.
Буду очень раз любой ссылке, примеру или мыслям)
Данные с регой в стейте vuex хранятся?
Artur
А зачем vuex тут тогда?
рега как пример формы, скажем есть абстрактная форма, нужно создать сущность
Stanislav
рега как пример формы, скажем есть абстрактная форма, нужно создать сущность
Хорошо. Данные из этой абстрактной сущности нужны где-то ещё, глобально?
Artur
Хорошо. Данные из этой абстрактной сущности нужны где-то ещё, глобально?
при успешном создании сущности - да
Stanislav
Ну да, как-то неудобно получается
Stanislav
Можно в компоненте, после резолва экшина вытянуть данные, но выглядить будет костыльненько
Artur
я думаю сделать в экшене как-то так: axios.then(...).catch((error) => commit(FAILURE, error.response.data))
Artur
и в мутации:
[FAILURE] (state, payload) {
state.error = payload
}
Stanislav
я думаю сделать в экшене как-то так: axios.then(...).catch((error) => commit(FAILURE, error.response.data))
Ну вот я бы не стал пихать данные о валидации в стору.
Они там идеалогически не нужны
Artur
ну...
Artur
тоже терзаюсь)
Stanislav
тоже терзаюсь)
Поэтому, я предлагаю резолвить экшн с ошибкой валидации, а в компоненте уже разбирать это все и присваивать нужным полям
Artur
ок, спасибо за мысли
Artur
буду думать
Artur
ок)
Artur
думаю сделать в экшене: return axios.post(...).then(()=>commit(...));
а вот catch делать компоненте
Artur
methods: {
submit () {
this.$store.dispatch('create', this.entity).catch((error) => {
this.errors = error.response.data
})
}
}
Artur
не зашквар?
Stanislav
methods: {
submit () {
this.$store.dispatch('create', this.entity).catch((error) => {
this.errors = error.response.data
})
}
}
Мм, я не уверен, что это должен быть catch.
Roman
кстати ребят, а как анимировать изменение текста в span'е?
Roman
или это нетривиальная задача?
Roman
аа, вот, нашёл https://jsfiddle.net/jx52bfpc/2/
Andriy
привет народ, вопрос:
Andriy
Как можно делать условие на существование @click на элементе?
Andriy
Тоесть в одном случае событие должно привязываться к блоку, а в другом нет.
Andriy
Можно сделать через v-if и v-else, но я почти уверен есть получше решение
Alex
Проверять условие в обработчике клика и просто return если нет?
zinge 🐌
Николаич
vuetify, v-footer
Как прижать v-layout к правому краю без дополнительных классов?
http://joxi.ru/L21QDd8t6BD7N2
Sunlive
ну че ребят, кто уже юзал Parcel?
Sunlive
как ощущения
Andriy
Ребята, а как вы решаете проблемы с роутингом. Например у меня есть страница с разными фильтрами и при этом с пагинацией. Как можно решить это чтобы динамически менять history.pushState без болезненно. Есть какие-то готовые решения?
Vano
можно ли в v-bind:class использовать 2 тернарных оператора?
Denys
Как можно делать условие на существование @click на элементе?
По идее, можно делать условие через v-bind на элементе. Там вроде бы в доке есть похожий пример добавления атрибута.
Vasiliy
@click="!disabled?$emit('change',defaultValue):{}"
Vasiliy
оно работает
Vasiliy
но насколько "не через задницу"?
Vasiliy
это "выполнить событие если разрешено"
Vasiliy
да, инет сказал что это нормально
Vladimir
в чем проблема? Это нормалтно, можешь конечно в функцию обернуть, чтобы было красивее
R
Существует ли "легальный" способ использовать v-model в цикле v-for?
Demetrio
непонятен вопрос. что значит использовать?
R
У меня есть массив, с объектами. В template с помощтью v-for пытаюсь рендерит компоненты c v-model(элемент массива, объект). В данный момент vue ругается на подобное использование, по факту вообще не дает возможности использоваться подобное. Вот и я хотел поинтересоваться, есть ли легальный способ реализовать это или городить костыли? Просто в документации ничего не нашел по этому поводу
Vladislav
Можно ли как то по два элемента выводить через vfor?
Eduard
Думаю, нет
Andriy
Chunk
Eduard
Хмм, классная идея
Andriy
Изи
Demetrio
У меня есть массив, с объектами. В template с помощтью v-for пытаюсь рендерит компоненты c v-model(элемент массива, объект). В данный момент vue ругается на подобное использование, по факту вообще не дает возможности использоваться подобное. Вот и я хотел поинтересоваться, есть ли легальный способ реализовать это или городить костыли? Просто в документации ничего не нашел по этому поводу
Чёт всё равно не понял где там v-model. Может пример кода выдашь?
MXLTN
привет, друзья есть такой флой - axios.get1 возвращает массив айди, компонентом это прорисовывается на странице (строчки с ИД только) потом нужно по каждому из ИД из сервера гурзить детали по айтему. где в компоненте правильно вставить axios запрос на сервер? есть что-то типа on_render_over: function()...
MXLTN
?
smile
кто с vue-slick работал или с обычным, сам слайдер в потомке флекс контейнера c align-items: stretch; flex-direction: column; сам слайдер расстянулся на 15000px,как пофиксить?
Vladislav
У меня рекурсивные компоненты
Demetrio
у меня подобный код работает. Единственное - не уверен что v-model можно скармливать объекты
Demetrio
вот буквально сегодня
Demetrio
Demetrio
Vladislav
Item[index]
Vladislav
Будет работать?
Demetrio
чего?