Size: a a a

Vue.js Russian Developers Community

2020 June 08

АМ

Алексей Магнер... in Vue.js Russian Developers Community
Dmitry Croft
Хотя в реакте даже с pure component инпут всё время контролируемый. А тут почему не
А в чём необходимость при любом вводе оставлять 1 в value?
Почему бы тогда не сделать только для чтения, или скрытым, или с data-атрибутом?
источник

DC

Dmitry Croft in Vue.js Russian Developers Community
Алексей Магнер
А в чём необходимость при любом вводе оставлять 1 в value?
Почему бы тогда не сделать только для чтения, или скрытым, или с data-атрибутом?
Это упрощённый вариант, чтобы понять логику работы vue. Но я её её то не пойму
источник

В

Валентин in Vue.js Russian Developers Community
Здравствуйте
Настройки вебпака configureWebpack в файле vue.config действуют только при билде что ли?
Никакие условия не ставил, отрабатывает только при serve
источник

GS

Grigorii K. Shartsev in Vue.js Russian Developers Community
Dmitry Croft
Хотя в реакте даже с pure component инпут всё время контролируемый. А тут почему не
Vue считает, что значение 1 изменилось на 1. Так как 1 === 1, то ничего не изменилось.
Проще  считать это оптимизацией
источник

GS

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

GS

Grigorii K. Shartsev in Vue.js Russian Developers Community
Изменения состояния не было
источник

GS

Grigorii K. Shartsev in Vue.js Russian Developers Community
Dmitry Croft
Хотя в реакте даже с pure component инпут всё время контролируемый. А тут почему не
Дело не в инпуте, а именно в определении того, что состояние изменилось.
У тебя было
{ message: 1 }
стало
{ message: 1 }

Нет изменения состояния -> не надо ничего рендерить
источник

Е

Евгений in Vue.js Russian Developers Community
Andrei Nors
мин 100
Тут я простых путей не знаю)) либо писать кастомный ренж, где до 250 одно расстояние шага, а от 250 другое, либо мин 0, макс 1000, но до 250 придумать какую-то формулу, через коэфф) что 0 = 100, а 250 = 250, и прогонять значения до 250 через нее)
источник

DC

Dmitry Croft in Vue.js Russian Developers Community
Grigorii K. Shartsev
Дело не в инпуте, а именно в определении того, что состояние изменилось.
У тебя было
{ message: 1 }
стало
{ message: 1 }

Нет изменения состояния -> не надо ничего рендерить
Тогда такой вопрос.
Я правильно понимаю, что в случае с input type text, браузер во всех случаях самостоятельно обновляет value, а vue его потом просто переписывает?
источник

GS

Grigorii K. Shartsev in Vue.js Russian Developers Community
Dmitry Croft
Тогда такой вопрос.
Я правильно понимаю, что в случае с input type text, браузер во всех случаях самостоятельно обновляет value, а vue его потом просто переписывает?
Тут уже дело не во vue.
Событие input в браузере срабатывает, когда значение УЖЕ ВВЕДЕНО.
источник

GS

Grigorii K. Shartsev in Vue.js Russian Developers Community
по этой же причине нет смысла делать prevent
источник

GS

Grigorii K. Shartsev in Vue.js Russian Developers Community
А вот с keydown уже можно так
источник

DC

Dmitry Croft in Vue.js Russian Developers Community
Grigorii K. Shartsev
Тут уже дело не во vue.
Событие input в браузере срабатывает, когда значение УЖЕ ВВЕДЕНО.
Точняк, спасибо
источник

VT

Victor Tyunyakov in Vue.js Russian Developers Community
Dmitry Croft
Я хочу чтобы при любом инпуте оставалась значение 1.
Но дело в том, что после первого инпута  остаётся 1, а потом просто свободно можно любое значение ввести. Как это работает? Как сделать контролируемые инпут? Обязательно preventDefault делать?

<input :value="message" @input="message = 1" />


https://codesandbox.io/s/unruffled-fire-in9yn?file=/index.html:162-209
Проблема в том что браузерный инпут стейтфул и во вью эта логика остаëтся, поэтому действительно нужно ререндерить его через $forceUpdate, чтобы привести стейт инпута к стейту вью

В реакте это поведение обходится внутри самого фреймворка (библиотеки, если кому-то так приятнее)
источник

FT

Fedor T in Vue.js Russian Developers Community
Привет всем!
Кто-нибудь сталкивался с тем, что при перезагрузке страницы где-то отсутствует перевод фразы, обернутой в vue18n?
При этом с сервера перевод приходит.
И самое интересное  - ошибка повторяется через раз.
источник

ER

Evgeny Reznichenko in Vue.js Russian Developers Community
значит что нарушен порядок загрузки
источник

FT

Fedor T in Vue.js Russian Developers Community
У меня устроено так, что переводы разделены по модулям. И если какой-то компонент принадлежит модулю, то перевод у него там же. Поэтому еще уточню,
- грузится модуль - всё отлично
- грузится компонент внутри модуля - перевод через раз слетает
Переводы префетчатся еще до загрузки модуля
источник

FT

Fedor T in Vue.js Russian Developers Community
проверю еще раз прелоадеры...
источник

Р

Радик in Vue.js Russian Developers Community
добрый день, как сделать уведомление для приложения о том что соединение отсутствует?
источник

D

DK in Vue.js Russian Developers Community
Радик
добрый день, как сделать уведомление для приложения о том что соединение отсутствует?
есть интернет упал?
источник