Size: a a a

Vue.js Russian Developers Community

2020 September 10

E

Eugene in Vue.js Russian Developers Community
Grigorii K. Shartsev
Поставить курсор - это focus.
Но watch тут не при чём, событие устанавливается непосредственно на поле ввода
а как бы вы обрабатывали такой кейс?)
источник

GS

Grigorii K. Shartsev in Vue.js Russian Developers Community
Eugene
а как бы вы обрабатывали такой кейс?)
Какой?
источник

К

Камиль in Vue.js Russian Developers Community
Господа, утро доброе. Прошу прощение заранее, хочу задать вопрос не по VueJS, вдругкто сталкивался и знает решение.
touchmove тормозит. В хроме на мобилке отрабатывает как надо но дёргается, а в браузере xiaomi вообще один раз отрабатывает и всё. В хроме на компе в режиме разработчика всё ок. Код самый простой для теста
```
$('#app').on('touchmove', (e) => {
     this.xCurrent = Math.round(e.changedTouches[0].clientX)
   })
```
буду благодарен, если кто ответит
источник

E

Eugene in Vue.js Russian Developers Community
5 инпутов, на фокус по любому из них - срабатывает некое действие.
источник

GS

Grigorii K. Shartsev in Vue.js Russian Developers Community
Eugene
5 инпутов, на фокус по любому из них - срабатывает некое действие.
Сделал бы @focus="methodName" 5 раз)
источник

АК

Александр Козлов... in Vue.js Russian Developers Community
Eugene
5 инпутов, на фокус по любому из них - срабатывает некое действие.
@focus="myFocus"
источник

АК

Александр Козлов... in Vue.js Russian Developers Community
Grigorii K. Shartsev
Сделал бы @focus="methodName" 5 раз)
)))
источник

GS

Grigorii K. Shartsev in Vue.js Russian Developers Community
5 - это не такое количество, чтобы что-то придумывать и избавляться от "дублирования"
источник

E

Eugene in Vue.js Russian Developers Community
@ShGKme @Alexander_Kozlov

а как же DRY?
источник

E

Eugene in Vue.js Russian Developers Community
опередили
источник

GS

Grigorii K. Shartsev in Vue.js Russian Developers Community
Eugene
@ShGKme @Alexander_Kozlov

а как же DRY?
Мы не пишем какой-то код, реализующий логику.
Мы просто указали, на каких полях ввода есть обработчик события.
источник

АК

Александр Козлов... in Vue.js Russian Developers Community
Eugene
@ShGKme @Alexander_Kozlov

а как же DRY?
ща наделаешь костылей со своим DRY ради 5 инпутов, потом без бутылки не разберешься
источник

E

Eugene in Vue.js Russian Developers Community
Александр Козлов
ща наделаешь костылей со своим DRY ради 5 инпутов, потом без бутылки не разберешься
как говорится, смотря для чего бутылка ))
источник

GS

Grigorii K. Shartsev in Vue.js Russian Developers Community
Если бы надо было сделать универсальный компонент, который так делает для любых дочерних инпутов, то уже можно думать
источник

E

Eugene in Vue.js Russian Developers Community
Grigorii K. Shartsev
Если бы надо было сделать универсальный компонент, который так делает для любых дочерних инпутов, то уже можно думать
меня всегда пугает слово "универсальный"
источник

GS

Grigorii K. Shartsev in Vue.js Russian Developers Community
Eugene
меня всегда пугает слово "универсальный"
<v-focus-handler @handler="method">
 <input>
 <input-component>
 <anything with input>
</
источник

GS

Grigorii K. Shartsev in Vue.js Russian Developers Community
Тогда уже можно вешать через addEventListener, например
источник

E

Eugene in Vue.js Russian Developers Community
Grigorii K. Shartsev
Тогда уже можно вешать через addEventListener, например
спасибо за разъяснения
источник

В

Влад in Vue.js Russian Developers Community
Grigorii K. Shartsev
Сделал бы @focus="methodName" 5 раз)
честно) так и сделал в итоге и все пашет) СПАСИБО за помощь!
источник

РМ

Рафаил Мамедов... in Vue.js Russian Developers Community
Eugene
5 инпутов, на фокус по любому из них - срабатывает некое действие.
для этой задачи полезно будет знать о событии focusin

основное отличие от focus в том, что focus не всплывает наверх

тут при фокусировке на инпуте сработает только focusin

<div @focusin="focusin" @focus="focus">
   <p>
     <input>
   </p>
</div>
источник