🐏 Alexander
почему у тебя инпуты есть, а тега form нет, и запрос по клику, а не по сабмиту?!
Andy
т.к. присутствует еще одна форма для загрузки изображения, форму внутри формы вроде нельзя ставить
🐏 Alexander
нельзя, но и писать вот такие формы тоже нельзя
Andy
она промежуточная, т.е. создание объекта, а после успешного создание идет редирект /edit/{id} на более объемную форму и там уже по правилам
Andy
но скорее всего оберну все в форму и для изображения скрытый input добавлю в нее, а форму изображения сверху добавлю
🐏 Alexander
события можно писать короче @keyup вместо v-on:keyup название обработчиков писать тогда c handle приставкой, типа <form @submit="handleSubmit"
Andy
блин я по документации делал, не знал) может читаю по диагонали
🐏 Alexander
можно просто this.errors = errors
🐏 Alexander
<li v-for="error in errorsField">{{ error }}</li> тут кстати key надо добавить, для циклов обязательно <li v-for="(index, error) in errorsField" :key="index">{{ error }}</li> вот так кажется
Andy
на выходе вместо текста ошибки 0
🐏 Alexander
(error, index) вот так значит
🐏 Alexander
я просто не помню порядок
Dmitrii
+
Dmitrii
(error, index) вот так значит
Andy
блин..эпично) спасибо!
🐏 Alexander
блин..эпично) спасибо!
для template v-for не обязательно указывать key, если что, это исключение такое из правил, т.к. это не преобразуется в тег
Kyrylo
Еще одно подтверждение, что учить надо язык, а не фреймворк/биьлиотеку
Kyrylo
тысяча сайтов на modx и jquery и все знания досвидания. почти с нуля начинаю с laravel & vue)
Kyrylo
А можно сюда скинуть ссылку на свой проект на вью, а вы немного поругаете?
Demetrio
на гите, надеюсь?)
Anonymous
Demetrio
Еще одно подтверждение, что учить надо язык, а не фреймворк/биьлиотеку
ещё одно подтверждение что учиться надо программировать :)
🐏 Alexander
я не первая инстанция, с моими взглядами многие могут не соглашаться
Kyrylo
https://github.com/kiriltaran/EatToFit-vue
🐏 Alexander
<header-component></header-component> пиши одинарный тег, если нет children <header-component />
🐏 Alexander
я кстати не использую event bus, но можно писать this.$root.$on, т.е. вместо bus будет просто рутовый компонент
Kyrylo
А я постепенно как раз от него отказываюсь, просто когда только начинал учить, его нагуглил, и теперь переписываю
🐏 Alexander
this.$store.getters.user; использовать мапы, тпа import { mapGetters, mapState, mapActions } from 'vuex'
Stanislav
для template v-for не обязательно указывать key, если что, это исключение такое из правил, т.к. это не преобразуется в тег
Эм, нет. Дело не в том, что тэг, а в порядке элементов в UI и данных. Если интересно, могу тему раскрыть дальше.
🐏 Alexander
любой файл .vue это и так компонент, не обязательно в имени писать Component
Kyrylo
А это стайл гайд советует. Типа имена компонентов больше 1 слова, ну и тут венец моей фантазии)
🐏 Alexander
@kiriltaran ты не пишешь name у компонентов, всегда пиши его и лучше всего в самом начале, чтобы можно было быстрее найти имя компонента
🐏 Alexander
@kiriltaran не пиши пропсы через массив, пиши через объект с указанием типа https://github.com/kiriltaran/EatToFit-vue/blob/master/src/components/MenuHint.vue#L9
🐏 Alexander
@kiriltaran пиши явно cal: Number(this.newProduct.cal) https://github.com/kiriltaran/EatToFit-vue/blob/master/src/components/ProductsList.vue#L62 linter airbnb кажется запрещает так писать
🐏 Alexander
https://github.com/kiriltaran/EatToFit-vue/blob/master/src/components/ProductsSelect.vue#L3 пиши в столбец компоненты с большим количеством пропсов <component prop1="" prop2="" prop3="" > ... </component>
Kyrylo
О, кстати, есть ли какой-то форматер для этого? И еще, форматирует ли притиер темплейты? Заранее скажу, что от притиера не откажусь
🐏 Alexander
не знаю
🐏 Alexander
впринципе это все
Kyrylo
Спасибо) Думал будут ругаться на что-то во вьюксе
🐏 Alexander
от себя могу добавить, что я никогда не использую стору напрямую в компонентах, я создаю компонет Container, который знает о сторе и через пропсы передает все нужное самому компоненту, т.е. если писали на реакте, там это HOC
Kyrylo
ну и не надо)
🐏 Alexander
дробишь на модуль, это правильно
Stanislav
го
Где-то вот тут https://youtu.be/ZEYFrY5ztnE?t=1h31m14s >Если интересно, могу тему раскрыть дальше. 😄
🐏 Alexander
ну это connect реактовский
да да, это connect, он собственно и есть HOC
Dmitry
но на самом деле если это компонент с логикой, то смысла в таком нету
Dmitry
т.е в реакте коннект вынужденое решение
🐏 Alexander
решение такое, чтобы отделить представление от логики и улучшить тестируемость компонентов
Dmitry
во вью не надо отписываться от стора и руками апдейтить стейт
Dmitry
ну так понятно что должны быть компоненты для представления
Dmitry
но зачем в компоненты которые чисто логические
Dmitry
добавлять еще одну прослойку
🐏 Alexander
дело в том, что некоторым не нравится вуикс, и они могут захотеть заменить его на редаксна пример
SpiritMoon
Есть 2 компонента, стили идентичные, один пробрасывает стили в дочерний через /deep/ второй игнорит, встречал кто проблему?
Евгений
Всем привет, нужна помощь :)
Евгений
Евгений
есть такая форма. Каждая строка - компонент. При нажатии Добавить в массив dates добавляется новая дата и в вьюхе через for date in dates выводится несколько раз компонент
Евгений
при добавлении даты/компонента в mounted вешается датапикер на инпуты
Евгений
вешается по айдишнику, айдишник формируется с индексом даты в dates
Евгений
Евгений
типо такого
Евгений
и тут есть косяк с удаление. Если я удаляю одну стоку с датами, то мне надо переинициализировать датапикер, иначе дата в пикере не соответствует дате которая в дествительности там
Евгений
сейчас скрин покажу
Евгений
Kyrylo
сейчас начнется за $
Stanislav
key на компонентах навешан?
Евгений
если сравнить скрин с тем что выше давал, посмотрите. Я нажал удалить ПЕРВУЮ строку, а даты в инпутах с пикером остались неправильные, не такие как в надо
Евгений
я сразу скажу что у меня пока мало опыта в фронте, я по бэку, но тут надо такую динамическую штуку прикрутить
Stanislav
не понял
На компоненте-строке, где стоит v-for, аттрибут key есть?
Евгений
Евгений
key нет, есть index
Stanislav
key нет, есть index
Тогда welcome в доку читать про рендеринг списков
Евгений
:key="index" так?
Oleksandr
Da