Anonymous
на самом деле id не нужны... всмысле они почти никогда не были нужны но в какой то момент эван решил юзать чтобы не было путаницы
Задорный Копатыч
Это регистрация, короче. То есть, пока юзер все все все данные не заполнил, нет смысла чото слать в хендлеры
Anonymous
без айдишников все работает. даже с фейковыми ключами все работает но вроде для успокоения можно передать просто текущий индекс итема в массиве
Anonymous
как раньше и было
Flexo
В общем key нужен vue для того чтобы корректнее списки рендерить. key не обязателен, но очень рекомендуется
Задорный Копатыч
Хм. Еще нюанс.
У меня есть радио кнопки. Один из адресов нужно выбрать как главный. Все это через v-model делается, а у адреса надо завести какой-нибудь data.main (bool) ?
Flexo
Вопроса чет я не понял))
Anonymous
When the array order is changed, by default Vue would change the data in each existing element rather than moving the DOM elements to the updated position.
We can set Vue to track each element using a key. This would cause it to move elements rather than replacing values.
Flexo
Да, тут недавно целый гайд с рекомендациями что и как делать выпустили
Anonymous
Anonymous
почитал стайлгайд думал ох зас много кукаретиков догматиков будут слепо репродюсить всякий неочеидный и высосаный из пальца треш
Anonymous
но нет, вроде сам так пишу и со всем согласен
Anonymous
эван няшечка
Задорный Копатыч
хммм. А это. Есть Jquery плагин kladr api, как его то дружить с vue. В mount повешать саму обертку вроде легко. А как заставить модель реагировать на изменение инпута?
Nikita
И вообще не очень надо было. Хотя может пригодиться для ssr когда слишком много всего полезет в общий Стейт в большом проекте.
Слушай, меня все мучайте вопрос, как на редаксе решают вопрос со свитчем для распределения редьюсеров?
Nikita
хммм. А это. Есть Jquery плагин kladr api, как его то дружить с vue. В mount повешать саму обертку вроде легко. А как заставить модель реагировать на изменение инпута?
Просто накидывай эвенты на плагин, а внутри этих эвентов эммить input
Задорный Копатыч
У этого плагина походу нет событий change...
Nikita
Я думаю это уже твои проблемы. Тебе достаточно эмитить то, что тебе нужно и можешь конечно настроить model у компонента.
Nikita
У него нет этого, но это не отменяет, что это обычный импут.
Nikita
Повесь просто на импут и все
Nikita
select = function (obj) {} - выбран объект в списке. В параметре передаётся текущий, выбранный объект КЛАДР. Доступно как событие kladr_select поля ввода
Nikita
Вот же твой onchange
Nikita
change = function (obj) {} - изменился текущий объект (current). В параметре передаётся текущий объект КЛАДР. Доступно как событие kladr_change поля ввода.
Задорный Копатыч
В глаза сношаюсь
Павел
парни, кто работал с socket.io ?
Павел
data () {
return {
socket: io('http://' + window.location.hostname + ':' + window.location.port)
}
}
Павел
created () {
this.socket.on('a', (response) => {
S.dispatch('a', response)
setTimeout((self) => {
this.socket.emit('a')
}, 3000, this)
}) }
Павел
mounted () {
this.socket.emit('a')
}
Павел
делаю вот так. очень часто приходит ответ, если открыть несколько браузеров
Павел
очень часто - это раз 15 - 20 в секунду
Павел
есть кто живой?
Flexo
Ну так несколько бразуеров, долбить должно чаще по идее
Задорный Копатыч
Мдем. В общем плохой подход так миксовать jquery и vue
Задорный Копатыч
У меня форма внутри диалога. И в итоге результирующего кода даже больше, чем на чистом jq.
Задорный Копатыч
Думаю, для самообучения, лучше какой-нибудь новый проект на mvvm структуре сделать, а не пытаться расширить существующий.
Задорный Копатыч
Спасибо вам за ваши ответы =)
Аліса 🏳🌈 Байрактарқызы
Мораль такова: не надо миксовать жквери и вью. Кроме случаев, когда надо.
Задорный Копатыч
Само по себе писать на mvvm приятно. Но, чтобы не сломать ничего jquery, много кода во всяких mount. В итоге выигрыш какой-то сомнительный получился.
Задорный Копатыч
А jquery из этого проекта я точно не выкину. Сроки не позволяют.
Flexo
Что там за код в mount?
Задорный Копатыч
Навесы kladr api, методы управления открытия/закрытия jqUi диалога.
Задорный Копатыч
О кстати. Кто какие диалоги юзает?
Я jqUI диалог, с выкошенными стандартными стилями и поглядываю вот на это: http://craftpip.github.io/jquery-confirm/
Задорный Копатыч
Список требований к диалогам: модальность, открытие нескольких диалогов, адаптивные темы, создание своих кнопок с обработкой. Возможность lazyload диалога, чтобы можно было создать обертку модалки вокруг дива и когда надо открывать ее. А не создавать при открытии модалки полностью новую дом структуру
Flexo
https://ru.vuejs.org/v2/examples/modal.html
Flexo
Только вместо v-if используй v-show для модалки
Задорный Копатыч
В проекте уже jqUI диалог.
Задорный Копатыч
А тащить рядом другие плагины на мое субьективное мнение - избыток.
dohtur
заменяеш по чутка выпиливая старый хлам
dohtur
и период избыточности пройдёт
Alex
Тащим другие плагины на jq и не печалимся) главное обёртку удобную для него написать
Alex
Какая разница, когда найдется что-то дельном на замену на ванилле, тогда и обертку только обновить надо будет и всё также работать продолжит
Alex
красота же
Alex
О, скоро модификатор .exact добавят чтобы проверять что клацали без всяких ctrl/alt например
Rafael 🌵
О, скоро модификатор .exact добавят чтобы проверять что клацали без всяких ctrl/alt например
А сейчас разве не так?
Alexey
Есть такое под Vue?
https://medium.freecodecamp.org/reducing-css-bundle-size-70-by-cutting-the-class-names-and-using-scope-isolation-625440de600b
Alex
Есть такое под Vue?
https://medium.freecodecamp.org/reducing-css-bundle-size-70-by-cutting-the-class-names-and-using-scope-isolation-625440de600b
CSS modules + допил css-loader'а
Alex
но это не совсем то всё равно будет
Alexey
классная идея
Alexey
Как саблайму сделать, чтобы в .vue файле <style lang="scss" scoped> подсвечивал синтаксис корректно? Что-то не нашел плагин под это.
Nikita
Редакторы & IDE — русскоговорящее сообщество
Общаемся, сравниваем и помогаем друг другу решать задачи с продуктами JetBrains, VS Code, Atom, vim, Emacs, Sublime и т.д. Всё в одном месте, ведь каждый из них хорош по своему.
См. также: @js_ru, @typescript_ru, @react_js, @nodejs_ru, @javascript_jobs
https://t.me/ide_ru
Oleh
Кто сталкивался с такой ошибкой?
[Vue warn]: Error in beforeDestroy hook: "TypeError: this.$options is undefined"
Flexo
this пади не тот
Oleh
Когда обращаюсь к нему в mounted он работает. Ошибка возникает, когда пытаюсь убрать компонент директивой v-if
Flexo
в v-if просто $options ?
Oleh
Нет. У меня есть компонент, в котором есть слушатель событий (vm.$options.sockets.onmessage). Когда я пітаюсь убрать этот компонент, то появляется ошибка
Alexey
Доброго дня! Кто нибудь натыкался на инфинити скролл на вью, который умеет пагинировать в обе стороны: вверх и вниз? Оборачивать джеквери плагин не очень хочется
Вольти
Доброго дня! Кто нибудь натыкался на инфинити скролл на вью, который умеет пагинировать в обе стороны: вверх и вниз? Оборачивать джеквери плагин не очень хочется
Есть от Эгоиста
https://github.com/egoist/vue-mugen-scroll
а есть с большим количеством звезд
https://github.com/ElemeFE/vue-infinite-scroll
Вольти
взято с awesome-vue ... но ни один не был испробован
Flexo
@tso97 я имел ввиду v-if="$options". В директиве this не нужно
Alexey
Oleh
@Merazent в v-if другое условие. $options находится в mounted дочернего компонента, тот, который я хочу убрать
Alexey
Как в vue-router передать на вход router-link объект?
Что-то типа <router-link to="/about" :data="object">
Igor
Всем привет! Сори за офтоп а кто знаешь js подобные языки программирования?
Igor
Какие вообще есть