@focus=""

Это не аналог, эта штука требует фокуса на элементе, вообще она не должна тригерить

Теперь state как и с компонентами во Vue, рекомендуется описывать не объектом, а функцией, возвращающей объект

А почему?

Для повторного использования модулей

Это не аналог, эта штука требует фокуса на элементе, вообще она не должна тригерить

Таки тригеррит

Если мы используем просто объект для определения состояния модуля, тогда этот объект состояния будет использоваться по ссылке и вызывать загрязнение состояния хранилища / модуля при его мутациях.

Когда инпут получает фокус

Таки тригеррит

Хмм, ладно, проверю потом

Это не аналог, эта штука требует фокуса на элементе, вообще она не должна тригерить

чего чего

она собственно для этого и нужна

чего чего

Ну, с keyup такая штука не работала

Требовала фокус на элементе

Пришлось через нативнве ивенты делать

Ну, с keyup такая штука не работала

ну ясен пень

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

поэтому фокуса и требует

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

@keyup привязан к компоненте, а не инпуту

Причём тут инпут?

вот поэтому у вас и не работало

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

Вот у тебя есть компонента, пуст будет <div>bhdbhs<\div> Если на неё повесить @keyup то триегрить она будет только в том случае, если на элемент я нажал мышкой и только после этого стал кликать

@keyup, и @focus работает только с полями в которые можно зафокусить и внести что-либо

v-model кстати тоже

Скажите, а jquery $.ajax для отправки анкеты не зазорно использовать во Vue?

фуфуфу ;)

Нужен именно аякс

https://github.com/lyonlai/blessed-vue

jquery вообще стоит забыть ;)

Скажите, а jquery $.ajax для отправки анкеты не зазорно использовать во Vue?

Не слушай их, используй)))

Скажите, а jquery $.ajax для отправки анкеты не зазорно использовать во Vue?

а что не пододешл аксиос?

а что не пододешл аксиос?

А вот тут глянул туториал, в видео только get и post рассматривается: https://laracasts.com/series/learn-vue-2-step-by-step/episodes/18

А все

https://github.com/mzabriskie/axios

Нашел

как вариант https://github.com/pagekit/vue-resource

@cherezzabo https://laracasts.com/series/learn-vue-2-step-by-step/episodes/18

Как раз переписываю свою либу под axios)

Ждите :D

@keyup, и @focus работает только с полями в которые можно зафокусить и внести что-либо

Где это написанно?

какой самый норм плагин под vue? vee validate?

v-model кстати тоже

v-model это просто <input :value="something" @input="something = $event.target.value"> Он не привязан конкретно к полям ввода или чему-то еще.

Где это написанно?

там написано что на нативных элементах деректива слушает только нативные события. Откуда у дива собтие фокус?

какой самый норм плагин под vue? vee validate?

Мне вот дико понравился валидатор из element-ui

v-model это просто <input :value="something" @input="something = $event.target.value"> Он не привязан конкретно к полям ввода или чему-то еще.

а ты попробуй его на див повесить )

зачем?

там написано что на нативных элементах деректива слушает только нативные события. Откуда у дива собтие фокус?

Эээ, ну как бэ keyup точно есть у дива

Эээ, ну как бэ keyup точно есть у дива

мне всегда казалось что как раз-таки нет. Кейап в ванильном js всегда использовал только для отслеживания ввода

зачем?

чтобы убедиться что это не сработает

А почему оно должно работать? И как вообще? <div @input="val" :value="val"></div>

Див же не генерит события

!

ну так а я о чем

Но допустим на свой компонент я могу его повесить

<my-comp v-model="val"></my-comp>

Если у моего компонента есть пропса value и он генерит событие input

А в последних версиях Vue можно еще и настроить имена пропсов \ событий, на которых будет работать v-model

ну можно и из буханки сделать автобус

В общем, я хочу лишь сказать, что v-model - это штука которая не завязана из полях ввода

с точки зрения того что это ограничение можно обойти - согласен

Это не ограничение

v-model - это тоже самое что и @click == v-on:click

просто сокращенная запись

v-model - это тоже самое что и @click == v-on:click

в каком смысле тоже самое

а всмысле настолько же похоже

ERROR: S client not available

В том, что это синтаксический сахар

да

ну так да

Ну так ну

я изначально и сказал что @focus == v-on:focus

и == onfocus

v-model ничего не знает про поля ввода. Он просто разворачивается в свойство и слушатель события

v-model ничего не знает про поля ввода. Он просто разворачивается в свойство и слушатель события

просто он подразумевает что у объекта есть value

который как правило есть у полей ввода. Вобщем я думаю мы друг друга поняли а это просто спор о названиях

Ну просто ты написал, что "v-model кстати тоже", "работает только с полями в которые можно зафокусить и внести что-либо"

Он не только с полями ввода работает :)

технически если повесить на любой элемент таб индекс то он тоже будет фокуситься

Парни, кто как реализовывал реюзабельные модальки?

ну что бы можно было делать и alert и confirm с колбэками на нажатия кнопок

я тут накидал в голове пару решений, думал посмотреть как другие люди делают

Пропсы кидать

ну я просто думаю как сделать универсальнее, вот есть апликуха с 10+ экранами

на каждом экране может быть разный набор тригеров для появления модали (как типа алерт, так и типа конфирм)

получается что есть один глобальный компонент, которому надо откуда-то получать данные о внутренем содержимом, калбэках на кнопки

миксины тут выручают

Почему обязательно глобальный? Можно вставить компонент попапа в свой компонент и отображать его в зависимости от какого-то значения

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

наверное надо в него вставить и переопределять это поведение

Коллбэки на кнопки можно реализовать через emit событий в родительский компонент.

Почему обязательно глобальный? Можно вставить компонент попапа в свой компонент и отображать его в зависимости от какого-то значения

ну вот если у тебя внутри своего компонента есть 5 разных условий для появления 5 разных попапов

и это x10

мм... а почему в один компонент не передавать разные данные?

мм... а почему в один компонент не передавать разные данные?

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

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

добавлять это в шаблон каждого экрана через v-if как-то не очень

можно взять компонент общего layout'a и сделать в нем один компонент модали, в который передавать данные, через vuex, например