От дочек идёт в родитель и родитель работает с вуексом

Прекрати усложнять

та это локал стейт, мне не нужно глобал знать открыта эта менюха или нет

та это локал стейт, мне не нужно глобал знать открыта эта менюха или нет

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

И для всего есть свой человеческий подход тли фича

Нид ток доку открыть

Полностью согласен, но я 2 день юзаю вью, поэтому еще не знаю этого)

Полностью согласен, но я 2 день юзаю вью, поэтому еще не знаю этого)

Скоро и поймёшь насколько стулед компоненты в реакте бесчеловечные

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

Помню у меня на первом проекте на гитхабе 70% js, 20% vue

Сколько я велосипедов наделал пушто доку не открыл

Пните в нужном направлении пожалуйста, битый час не могу понять в чём проблема. Есть Vuex модуль, есть в state два массива и несколько геттеров. Геттеры маплю в компонент, в компоненте значения из геттеров отдаю в v-autocomplete (из vuetify) и тут начинается веселье. Если я использую геттер который тупо отдаёт значение из state — всё работает как надо. Если использовать геттер который отдаёт фильтрованное значение — v-autocomplete не закрывает меню после выбора элемента, будто значение которое отдал геттер обновилось или хз. Код геттера с которым проблемы: barListByFooId: state => fooId => { return state.barList.filter(el => el.foo === fooId) } Я что-то не то делаю, или это может быть баг vuetify? Добавил в геттер console.warn(), оно срёт в консоль несколько раз до и после выбора элемента в v-autocomplete

Все, починил, $emit оказался самым логичным

И по идее

Я же не меняю из чайлда парент, значит ван вей флоу остается

И по идее

Yep!

Спасибо, ребята

Да, для того и нужен emit

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

Все, починил, $emit оказался самым логичным

Красава

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

Нужно заниматься профалингом, чтоб понять, почему проседает.

Нужно заниматься профалингом, чтоб понять, почему проседает.

профайлинг он в девтулс находится?

Да

Господа а подскажите могу я в экшене стора повесить вотчер на значение из стейта ?

Господа а подскажите могу я в экшене стора повесить вотчер на значение из стейта ?

Можешь. А зачем?

ой это долгая история, асинхронщина....

ой это долгая история, асинхронщина....

Аа, то есть мы все тут синхронно пишем?

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

Делай что хочешь там. Но зачем

В референсе апи есть метод ватч

У vuex

юзер вводит текст в инпут, он должен сохраниться в сторе, и отправится на сервер, по событию инпут это либо первая буква, либо много буковок если копипаст при этом юзер будет продолжать ввоб, и все изменения надо отправлять на сервер, но уже с ИД из бд для данного поля, соотвественно надо ждать пока ид появится в сторе с бэка

Хотя он немного по другому работает в отличие от вью ватчера

ой это долгая история, асинхронщина....

Да по-моему весь джс асинхронен если под капот взглянуть

Долгая история

юзер вводит текст в инпут, он должен сохраниться в сторе, и отправится на сервер, по событию инпут это либо первая буква, либо много буковок если копипаст при этом юзер будет продолжать ввоб, и все изменения надо отправлять на сервер, но уже с ИД из бд для данного поля, соотвественно надо ждать пока ид появится в сторе с бэка

Ты вотчер прямо в компоненте можешь же повесить.

юзер вводит текст в инпут, он должен сохраниться в сторе, и отправится на сервер, по событию инпут это либо первая буква, либо много буковок если копипаст при этом юзер будет продолжать ввоб, и все изменения надо отправлять на сервер, но уже с ИД из бд для данного поля, соотвественно надо ждать пока ид появится в сторе с бэка

Вообще всю ситуацию можно решить внутри компонента, но сам ты можешь напилить внутри vuex велосипед.

да, наверное надо внутри и делать, так проще

Типо отправлять запрос, запихивать этот запрос куда нить, ждать пока он отрезолвится, а когда отрезолвится, отправить накопленное

да, наверное надо внутри и делать, так проще

Сделай load в стейте

Проксируй в компонент

Иф лоад

Посредством компонента решить это проще, потому, что просто в дате можешь булианов накидать и копить текст

Ну ты понел

В каждом вуекс модуле должен быть стейт лоада

И в каждом екшене работы с апи мутировать его

А зачем данные инпутов в сторе хранить?)

Иконка local_library из material для чего её можно использовать ?

Иконка local_library из material для чего её можно использовать ?

остальные уже пристроил?) только про эту вопросы остались?))

остальные уже пристроил?) только про эту вопросы остались?))

))

остальные уже пристроил?) только про эту вопросы остались?))

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

Она больше как быстрое чтение, типа газету почитать

Она больше как быстрое чтение, типа газету почитать

может просто взять info или help ?

может просто взять info или help ?

тогда точно будет более очевидно, что полезная инфа)

Чувак классно пишет про стэйт, в конце прикол) https://hackernoon.com/vue-state-management-from-the-ground-up-a31eb87c668d

Ребят, есть checkbox вида: <input type="checkbox" v-model="type_1.status" @click="fetchFilteredPlaces" /> Проблема в том, что функция fetchFilteredPlaces смотрит на состояние checkbox-a, а оно оказывается то, которое в момент нажатия, а не после. Другими словами если я отмечу чекбокс то функция говорит что он еще не отмечен, а если я снимаю птичку, то функция говорит - отмечен. Проверка на противоположное условие не подходит, что можно сделать?

Ребят, есть checkbox вида: <input type="checkbox" v-model="type_1.status" @click="fetchFilteredPlaces" /> Проблема в том, что функция fetchFilteredPlaces смотрит на состояние checkbox-a, а оно оказывается то, которое в момент нажатия, а не после. Другими словами если я отмечу чекбокс то функция говорит что он еще не отмечен, а если я снимаю птичку, то функция говорит - отмечен. Проверка на противоположное условие не подходит, что можно сделать?

а почему она смотрит на состояние чекбокса, а не на type_1.status? а если я клавиатурой чекбокс чекну? я бы watcher на статус повесил? а еще лучше в fetchFilteredPlaces сразу статус использовать, тогда все само обновится при изменении

Ребят, есть checkbox вида: <input type="checkbox" v-model="type_1.status" @click="fetchFilteredPlaces" /> Проблема в том, что функция fetchFilteredPlaces смотрит на состояние checkbox-a, а оно оказывается то, которое в момент нажатия, а не после. Другими словами если я отмечу чекбокс то функция говорит что он еще не отмечен, а если я снимаю птичку, то функция говорит - отмечен. Проверка на противоположное условие не подходит, что можно сделать?

Повесь на change а не клик. Потому что клик срабатывает раньше сем чекбокс успевает изменить состочние

Этож в js/jquery известная инфа. Vue тут не причем

ребята а как провалидировать поле input через v-model так что бы туда можно было добавить float значение так что бы в десятичной часты после точки не было больше 2х чисел пример: xx.xx

ERROR: S client not available

отказаться от v-model и использовать @input, value

в @input выставлять делать форматирование и записывать одновременно через event в импут в value значение

handleInput(e) { const val = e.target.value.toFixed(2); this.val = Number(val); e.target.value = val; }

махинация с e.target.value нужна, чтоб запретить свободный ввод чисел в input

такой вопрос я vue несколько дней назад начал юзать

запилил computed

но в ответ вместо данных получил вот такой warning

это же computed property, почему он ругается?

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

Какая жесть... Ну раз уж взяли юзать vue-class-component, то хоть бы доку одним глазом глянули. Что за синтаксис?

get getCategoryDEscription() { return 'description' } Вот это компьютед для вас

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

это пока хуяк хуяк и в продакшн edition)

не, но ты же взял либу, ты же пробывал смотреть там примеры?

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

Есть какая-то тулза, способная вернуть это в html читаемый? Кода очень много, ручками делать - ад.

Есть какая-то тулза, способная вернуть это в html читаемый? Кода очень много, ручками делать - ад.

ывахзщывхщ

проще .dll раскомпилить

Есть какая-то тулза, способная вернуть это в html читаемый? Кода очень много, ручками делать - ад.

Нету

Привет, клик по grid-item не хэндлится, что можно сделать? https://github.com/jbaysolutions/vue-grid-layout

Привет, клик по grid-item не хэндлится, что можно сделать? https://github.com/jbaysolutions/vue-grid-layout

А где ты его ловишь?

А где ты его ловишь?

Methods: { handler () {}}

добрый день ребята помогите советом как объеденить! Изучаю Vue и делаю проект на Gulp и в проекте есть форма и хотелось бы осуществить ее на Vue! Как объеденить Gulp + Vue + Webpack? Запуска. сервер на gulp всее запускается со стилями и запускаю сервер Webpack но там трешак полный стилей нет! Если покажется вопрос глупым просто я начинающий, прошу прощения и спасибо за ответ!

добрый день ребята помогите советом как объеденить! Изучаю Vue и делаю проект на Gulp и в проекте есть форма и хотелось бы осуществить ее на Vue! Как объеденить Gulp + Vue + Webpack? Запуска. сервер на gulp всее запускается со стилями и запускаю сервер Webpack но там трешак полный стилей нет! Если покажется вопрос глупым просто я начинающий, прошу прощения и спасибо за ответ!

а что нужно узнать как из gulp запускать webpack или как из webpack стили выделить?

webpack стили интегрирует

Доброе утро коллеги

добрый день ребята помогите советом как объеденить! Изучаю Vue и делаю проект на Gulp и в проекте есть форма и хотелось бы осуществить ее на Vue! Как объеденить Gulp + Vue + Webpack? Запуска. сервер на gulp всее запускается со стилями и запускаю сервер Webpack но там трешак полный стилей нет! Если покажется вопрос глупым просто я начинающий, прошу прощения и спасибо за ответ!

для gulp есть плагин gulp-shell var shell = require('gulp-shell');

Подскажите, как сделать что бы Getters не кешировали данные? Использую Getters для получения текущего времени. getThisTime(){ var getTime = moment().format("DD/MM/YYYY HH:mm:ss"); return moment.tz(getTime, "DD/MM/YYYY HH:mm:ss", "Europe/Moscow").unix(); } А он запоминает первый результат работы этой функции и возвращает всегда одно и тоже число