Может динамические компоненты подойдут? Которые через is="name"? Или по-другому сделать ( не подскажу, я ещё сплю ?)

Ну в принципе решение хорошое, но все равно нужно заимпортить и объявить все компонетны, а хотелось бы что то вроде 'my-component': () => import('./my-async-component') с возможностью поставить переменную из пропса или даты

переписал ) getResult (state) { let total = state.order.reduce((sum, c) => sum + c.quantity * c.price, 0) for (let i = 0; i < state.discount.length; i += 1) { if (state.discount[i].name === state.discountStatus) { total - (total * state.discount[i].value) / 100 } } return total }

Вообще зачем люди юзают сабмит событие в спа?

<input @keyup.evnter.prevent="upsertGroup" @blur="upsertGroup" v-model.trim="group.name" v-focus placeholder="Название группы" v-else />

вот так?

Вообще зачем люди юзают сабмит событие в спа?

Например когда форму заполняешь с мобильного телефона и нативной кнопкой Энтер сабмитишь всё.

<input @keyup.evnter.prevent="upsertGroup" @blur="upsertGroup" v-model.trim="group.name" v-focus placeholder="Название группы" v-else />

Ога

Ога

по enter отрабатывает и блюр

к сожалению

хмм, интересно, дайтека подумать

по enter отрабатывает и блюр

хм, не отрабаывает

по enter отрабатывает и блюр

https://jsfiddle.net/akiyamka/yMv7y/2862/

видимо причина не в этом, или вы делаете преждевременный вывод о том что отрабаывает дважды

@ewwwwww нашли в чем причина была?

Нашел таки как динамически подключать компонеты, как думаете, хороший вариант?

<template> <div class="l_content"> <h1>Hello {{ type }} </h1> <component :is="currentView"></component> </div> </template> <script> export default { name: 'listPage', props: ['type'], created () { this.currentView = require('../items/ListItem__' + this.type + '.vue'); }, data () { return { currentView: '' } } } </script>

ну после enter у тебя блюр то ушёл

ну после enter у тебя блюр то ушёл

ну где же, один раз отрабаывает

Нашел таки как динамически подключать компонеты, как думаете, хороший вариант?

элегантно

ну где же, один раз отрабаывает

я наверно что-то не понимаю - вот я поставил фокус в инпут, нажал энтер, фокус остался, метод отработал. Я кликуаю куда-нибудь ешё блюр уходит метод отрабатывает

не?

я наверно что-то не понимаю - вот я поставил фокус в инпут, нажал энтер, фокус остался, метод отработал. Я кликуаю куда-нибудь ешё блюр уходит метод отрабатывает

ну так, а вы как хотите?

что бы метод отработал один раз и фокус изчез

примерно так

ох тыж. Тогда вам на keyup надо вызывать метод который будет снимать фокус.

а событие на блюр отработает в этот момент само

<template> <div class="l_content"> <h1>Hello {{ type }} </h1> <component :is="currentView"></component> </div> </template> <script> export default { name: 'listPage', props: ['type'], created () { this.currentView = require('../items/ListItem__' + this.type + '.vue'); }, data () { return { currentView: '' } } } </script>

Да засунь ты currentView в computed. Наговнокодил тут... ?

а событие на блюр отработает в этот момент само

Он что повесил событие блюр для того чтобы убрать фокус?

нет, я так понимаю у человека задача сделать X на блюр || интер, но только один раз

Да засунь ты currentView в computed. Наговнокодил тут... ?

Ой и правда, благодарю)

нет, я так понимаю у человека задача сделать X на блюр || интер, но только один раз

Я понимаю что за задача, но что он сделал для этого? Повесил метод на блюр, так?

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

что бы метод отработал один раз и фокус изчез

https://jsfiddle.net/akiyamka/yMv7y/2863/

То есть форма будет отправляться ещё и на блюр?

госпеди

посмотри js fiddle

?

Так, доброе утро всем

Новый день для говнокодинга

@ewwwwww тип того?

action у vuex это промис? Если нет, то почему не ругается на ".then is not a function?"

делаю диспатч в компоненте

если возвращаешь промис - будет промис

а так это просто функция

Парни начал разбираться с vue. И возникла проблема на ровном месте. Есть компонент, в котором через v-for вызывается другой компонент. Данные храню в vuex, с помощью vuex-persistent. Есть массив order, в котором в нужном порядке лежат ключи, есть объект blocks. Ключи и объекты в blocks добавляются через Vue.set, чтобы придать параметрам объекта реактивности. v-for итерируется через массив order, а компоненту передаются данные из blocks по ключу, полученному из order. <template> <ul class="blocks-list"> <block v-for="id in order" :block="blocks[id]" :key="id"></block> </ul> </template> При первом старте order и blocks пустые. Делаю запрос к серверу для получения order(быстрый, примерно 120-150мс) и как только получаю ответ и заполняю состояние, то делаю запрос за данными blocks(долгий, около 2 секунд). После заполнения order начинают отрисовываться компоненты через v-for, но валится ошибка, что данных в blocks на указанный ключ нет. В этот момент данные для blocks пришли и заполнился объект. Но все уже сломано и ничего не приходит. Сделал через v-for с v-if, но тоже ничего не отрисовывается при первом старте, когда order и blocks пустые. Тот же самый процесс. Но я ожидаю, что как только появилисб данные по ключу в blocks, то должно отрисовать, но ничего, совсем ничего ? <template> <ul class="blocks-list"> <block v-for="id in order" v-if="!!blocks[id] && Object.keys(blocks[id]).length > 0" :block="blocks[id]" :key="id"></block> </ul> </template> blocks заполняется через Vue.set. То есть он "реактивный". И в консоли при ковырянии в нем я вижу геттеры и сеттеры с reactiveGetter и reactiveSetter При перезагрузке страницы - все рендерится как надо, т.к. данные vuex-persistent восстанавливает и собственно есть что рисовать. Вопрос: как правильно делать в ситуации, когда итерирование делается по одному массиву, а данные берутся из другого объекта, объект реактивный и заполняется после того как происходит первый рендеринг?

если возвращаешь промис - будет промис

почему тогда нет ошибки в консоли, что .then is not a function?

Парни начал разбираться с vue. И возникла проблема на ровном месте. Есть компонент, в котором через v-for вызывается другой компонент. Данные храню в vuex, с помощью vuex-persistent. Есть массив order, в котором в нужном порядке лежат ключи, есть объект blocks. Ключи и объекты в blocks добавляются через Vue.set, чтобы придать параметрам объекта реактивности. v-for итерируется через массив order, а компоненту передаются данные из blocks по ключу, полученному из order. <template> <ul class="blocks-list"> <block v-for="id in order" :block="blocks[id]" :key="id"></block> </ul> </template> При первом старте order и blocks пустые. Делаю запрос к серверу для получения order(быстрый, примерно 120-150мс) и как только получаю ответ и заполняю состояние, то делаю запрос за данными blocks(долгий, около 2 секунд). После заполнения order начинают отрисовываться компоненты через v-for, но валится ошибка, что данных в blocks на указанный ключ нет. В этот момент данные для blocks пришли и заполнился объект. Но все уже сломано и ничего не приходит. Сделал через v-for с v-if, но тоже ничего не отрисовывается при первом старте, когда order и blocks пустые. Тот же самый процесс. Но я ожидаю, что как только появилисб данные по ключу в blocks, то должно отрисовать, но ничего, совсем ничего ? <template> <ul class="blocks-list"> <block v-for="id in order" v-if="!!blocks[id] && Object.keys(blocks[id]).length > 0" :block="blocks[id]" :key="id"></block> </ul> </template> blocks заполняется через Vue.set. То есть он "реактивный". И в консоли при ковырянии в нем я вижу геттеры и сеттеры с reactiveGetter и reactiveSetter При перезагрузке страницы - все рендерится как надо, т.к. данные vuex-persistent восстанавливает и собственно есть что рисовать. Вопрос: как правильно делать в ситуации, когда итерирование делается по одному массиву, а данные берутся из другого объекта, объект реактивный и заполняется после того как происходит первый рендеринг?

передай props ом в

в этот block

и уже в block делай v-for

скажи еси получится

почему тогда нет ошибки в консоли, что .then is not a function?

async/await ты не юзаешь случайно?

нет

они всегда промис возвращают

тогда хз)

поставил перед axios.post return

return axios.post(/api/v1/staff/events/reschedule/${id}...

теперь ок срабатывает

насколько корректно из экшена возвращать что-то, даже промис?

очень корректно, особенно промис

как минимум, нужно понимать когда асинхронная функция закончила выполняться

получается возвращает промис

если промис вернет ошибку, то в компоненте catch не сработает

у меня просто then идет, даже при ошибке

ERROR: S client not available

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

вернет ошибку?

если хочешь обработать

или зареджектится?

если не возвращать из экшна промис, в консоли ошибка, но .then выполняется

короче, промис надо возвращать, но сам диспатч это не промис. Только почему-то он не ругается на ".then is not a function"

не проще посмотреть в сорцы, чем гадать почему так))

https://github.com/vuejs/vuex/blob/dev/dist/vuex.js#L334

Господа, добрый день. Есть компонент - текстовое поле, на нем висят v-on по разным кейдаунам, был подключен эможипикер на жиквери (так уж сложилось) он подменяет текстовое поле дивом, так вот как мне кейдауны повешать на новоиспеченый див? Как его внести в шадов дом может быть или есть другой способ?

что за монстр такой кейдаун

:D

использовал ли кто-то Vuelidate?

Господа, добрый день. Есть компонент - текстовое поле, на нем висят v-on по разным кейдаунам, был подключен эможипикер на жиквери (так уж сложилось) он подменяет текстовое поле дивом, так вот как мне кейдауны повешать на новоиспеченый див? Как его внести в шадов дом может быть или есть другой способ?

используй component

Спасибо, уже по-другому победил)

@xanf_ua, спасибо за твою серию статей "хороший, плохой, злой". Описанное практически полностью совпадает с моим видением. Особнно необходимость саморазвития пусть даже вне рабочего времени. А сейчас у меня как раз братишка заканчивает институт и я все пытаюсь вбить в его голову мысль, что никто тебе нужные мысли в голову не положит, нужно выделять время и изучать самостоятельно. К сожалению народ думает, что с института они выйдут уже с нужными для работы знаниями. В общем твои статьи очень помогли. Продолжай писать плиз :)

передай props ом в

Не получилось. v-for оставил там где есть. пропсом передаю id и внутри block компонента добавил v-if и делаю остальное. Не рендерится ни один блок на старте.

Не получилось. v-for оставил там где есть. пропсом передаю id и внутри block компонента добавил v-if и делаю остальное. Не рендерится ни один блок на старте.

При повторном все рендерится

какой валидатор удобнее всего использовать, если правила валидации я должен буду получать с бекэнда?

Не получилось. v-for оставил там где есть. пропсом передаю id и внутри block компонента добавил v-if и делаю остальное. Не рендерится ни один блок на старте.

передай сам объект. v-for внутри компонента

какой валидатор удобнее всего использовать, если правила валидации я должен буду получать с бекэнда?

regexp

какой валидатор удобнее всего использовать, если правила валидации я должен буду получать с бекэнда?

в каком формате будут приходить правила валидации с бэка?

JSON

ну тогда исходи из того какие валидаторы будут. можешь замапить их на валидаторы того же vee-validate или кастомный валидатор сделай

я смотрел на vuelidate,но там дело в том,что ты каждый input должен связать при помощи v-model с data,а таких input'ов ожидается довольно много и сами формы будут приходить с бэка тоже,потому как-то нелогично писать в data для каждого поля отдельную модель

посоветуйте календарь с возможностью выбора произвольных дней: https://cloud.githubusercontent.com/assets/339596/25353996/da49e992-2939-11e7-9a16-d0adaf7a5f83.jpg

передай сам объект. v-for внутри компонента

не работает ?

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

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

выложи код где-нибудь. На гите

выложи код где-нибудь. На гите

Ой. Сейчас подготовлю. Ну думаю за час примерно сделаю.

@ewwwwww тип того?

спасибо)

посидели, подумали, решили что неочевидное поведение

Как вы так репостите сообщения? У меня они тупо заного отправляются

Выглядит не как репост, а как reply. Но на 2 сообщения.