Nikita
ну лан пофигу
Nikita
Я про твой пример и говорю
Nikita
у меня нет)
Nikita
все ок )
Nikita
Мб потому что я страницу не обновлял хз ))
Nikita
хм как это возможно, чтоб у меня было через жопу, а у тебя все ок
Nikita
ну скринкаст я записывать не буду))
Nikita
Nikolay
https://jsfiddle.net/s46aah1g/3/
в твоем примере если input-ui перерисуется то все слетит, т.к SuggestView навешивается в отдельном месте а не на life cylce hooks
Nikita
я просто просто использовал фиддл его, с нуля писать не хотелось
RB
@blur + setTimeout =D
Denis
https://codepen.io/denis_efremov/pen/eEMmoN
Illya
const dispatchFakeInputEvent = el => {
const event = new Event('input', {
bubbles: true,
cancelable: true,
});
el.dispatchEvent(event);
};
и просто вызвать dispatchFakeInputEvent на вашем инпуте при select
Illya
и v-model подхватит изменения
Anonymous
всётаки гениально реактивность сделана в вуе
Anonymous
казалось бы что какието переменные она может пропустить которые например спрятаны за условиями, но ведь если они триггернуться то компутед не изменится всёравно
Anonymous
тоесть можно наверное чуть ли не математически доказать что оно работает лул
Illya
к сожалению в js нельзя
Anonymous
увидел тут забавный чит
v-show="$mq.resize && $mq.between([$mv.sm, $mv.hd])"
Illya
вернее, крайне сложно
Zeot
Illya
из-за того что в js сложно математически доказать что это чистая функция
Illya
и отправляем его
Illya
а v-model слушает как раз этот эвент
Denis
из-за того что в js сложно математически доказать что это чистая функция
Что-что? Вы про объект? )
Anonymous
Нубов пугать )))
не, я про толкьо доказательнство и всё. пока я не продумал в уме все варианты я боялся что оно довольно шатко
Illya
мы про компьютеды
Denis
Они вешают еще же
Denis
Как в гардеробе в театре
Denis
Но индикатор то хоть заценили?
Illya
ну у вас же есть ваш suggestview, где вы там его создаете
Illya
events.add('select', () => dispatchFakeInputEvent(el));
Denis
@kerzavr тут 4 события срабатывают
https://codepen.io/denis_efremov/pen/eEMmoN?editors=1010
Illya
где el это ваш элемент
Ivan
Я понимаю, что не по теме, но по angularjs кто то разбирается?
Zeot
Zeot
O_O
Illya
экстрасенсы в отпуске
Zeot
После создания suggestView
Zeot
Я навесил
Zeot
suggestView.events.add('select', dispatchFakeInputEvent($("#suggest")))
Zeot
Так?
Denis
$("#suggest")[0]
Zeot
Почему?
Denis
где el это ваш элемент
Denis
А не его jQuery обертка
Denis
Курите, ман
Stanislav
увидел тут забавный чит
v-show="$mq.resize && $mq.between([$mv.sm, $mv.hd])"
судя по всему, какой-то плагин, который в this.$mq хранит всякое связанное с media queries?
Stanislav
https://adamwathan.me/css-utility-classes-and-separation-of-concerns/
Хорошая статья (где-то до 4 пункта). Ну и пример с Vue ок
Anonymous
судя по всему, какой-то плагин, который в this.$mq хранит всякое связанное с media queries?
да, рисерчу програмные медиа квери как раз сейчас. спс
Zeot
Которая dispatchFakeInputEvent
Stanislav
да, рисерчу програмные медиа квери как раз сейчас. спс
А можно кейс, когда оно нужно и с этим не справляется css?
Zeot
Просто насчет нее как раз и выдает ошибку (Property or method "input" is not defined )
Anonymous
А можно кейс, когда оно нужно и с этим не справляется css?
ну а какой контроль в цсс.. сделать display:none ?
Anonymous
сейчас просто рисерчу пути. может быть програмно уже не зашкварно и это даст какой то совсем крутой контроль
Stanislav
сейчас просто рисерчу пути. может быть програмно уже не зашкварно и это даст какой то совсем крутой контроль
Если брать JS API MQ (не помню как там правильно называется), то там пишутся обычные css mq в методах.
Stanislav
т.е. профита никакого.
Я сходу не могу придумать кейсов, когда такое нужно
Anonymous
window.matchMedia() ?
Anonymous
ну как минимум ты програмно понимаешь какая у тебя ширина
Anonymous
и можешь например не рендерить компонент вообще
Anonymous
либо отрендерить совершенно другую верстку
Stanislav
и можешь например не рендерить компонент вообще
а при изменении разрешения (ориентации на мобилке ?) рендерить DOM?
Думается мне, это может быть медленее, чем просто скрывать компонент
Stanislav
ну как минимум ты програмно понимаешь какая у тебя ширина
так а в CSS разве не понимаешь? Там так же можно кучу величин задавать
Anonymous
она с CSS совпадает?
да но сами цссные медиа квери как мне кажется максимально ублюдочные. я бы даже написал транслятор т.к. нормального способа сделать NOT нет
Stanislav
Anonymous
так а в CSS разве не понимаешь? Там так же можно кучу величин задавать
но за цсс это не уходит. код не триггернёшь
Anonymous
Препроцессоры
рисерчил эту тему. именно хорошей компиляции которая бы компилила условия вида !(w<992px) нет. только туповатая трансляция с кучей копипасты даже у всяких продвинутых стилусов