а теперь получается на каждое свойство нужно свой вотчер?

потому что глобальный вотчер на объект + вотчер на конкретное поле, они оба срабатывают.

у cli 3 нет поддержки IE11, кто как решал это?

В маунтед повесь на 3 поля вотчер одним массивом

https://github.com/vuejs/vue/issues/844#issuecomment-335026928

https://github.com/vuejs/vue/issues/844#issuecomment-335026928

о, спасибо, работает.

http://joxi.ru/8AnJE0qHqBWgOA законно вообще менять пропсы таким образом?

не

http://joxi.ru/8AnJE0qHqBWgOA законно вообще менять пропсы таким образом?

А почему его нету в дефолте?

всмысле? кого его?

http://joxi.ru/8AnJE0qHqBWgOA законно вообще менять пропсы таким образом?

через sync сделай

через sync сделай

спасибо

просто это работает, но меня смутило что шторм ругается

Подскажие може кто втречал компонет для длиных тектов, который можно сворачивать и разворачивать, на подобии "Читать дальше"

просто это работает, но меня смутило что шторм ругается

данные вниз, события в вверх)

Подскажие може кто втречал компонет для длиных тектов, который можно сворачивать и разворачивать, на подобии "Читать дальше"

А в чем проблема написать свой? Он же элементарный

http://joxi.ru/8AnJE0qHqBWgOA законно вообще менять пропсы таким образом?

нет не делай так

А в чем проблема написать свой? Он же элементарный

друг уже готовый есть, блэкджеком и шлюпками, с красиой версткой, анимацией)

друг уже готовый есть, блэкджеком и шлюпками, с красиой версткой, анимацией)

https://github.com/orlyyani/read-more

https://github.com/orlyyani/read-more

Спасибо больше, + в карму

https://github.com/orlyyani/read-more

Странно что там не через слоты сделано

<a :href="link" id="readmore" v-show="!isReadMore" v-on:click="triggerReadMore($event, true)">{{moreStr}}</a> <a :href="link" id="readmore" v-show="isReadMore" v-on:click="triggerReadMore($event, false)">{{lessStr}}</a> и так сойдет)))

Странно что там не через слоты сделано

Потому есть смысл свое написать ?

Да, придумывать особо ничего и не надо)

Ребят начал изучать Vue.js автор ITVDN и уже на первом уроке у меня появилось сомнения от автора. А именно v-once. Тут у него принимает значение city, но в оф.доке. Может кто сказать, что автор чуть чуть тормозит или нет?

Или я не догоняю что-то

Может он про первую версию рассказывает, не помню было ли там или нет

Не принимает значение, это внутри тега {{ city }} писать

но если ты читаешь доки, то зачем смотришь какие-то левые уроки?

https://www.youtube.com/watch?v=S2AirkOUwis вот тут есть наглядный пример использования

Кто юзает джест?

Кто юзает джест?

Многие наверное. Лучше задавайте вопрос сразу конкретный

Да баг нашел, либо я косячу, было б круто если проверил кто

Если задать xhr.upload.onprogress колбек, то джест отправляет пустую formdata

тело пустое вообще

xhr же предоставляет jsdom ?

describe('Upload file', () => { test('test', () => { return send().then((data) => expect(data).toEqual('ok')); }); }); function send() { return new Promise((resolve, reject) => { const xhr = new XMLHttpRequest(); xhr.onreadystatechange = () => { if (xhr.readyState === 4 && xhr.status === 200) { resolve('ok'); } if (xhr.readyState === 4 && xhr.status !== 200) { reject(xhr.statusText); } }; console.log(xhr.upload.onprogress); /* xhr.upload.onload = (e) => console.log(e); */ const formData = new FormData(); formData.append('login', '12312312'); xhr.open('POST', 'http://localhost:3000/testupload'); xhr.send(formData); }); }

первый вариант если раскомментить строчку

вряд ли на ноде парсер косячит. formidable

да, аксиос тоже не работает

вот тебе и джест бля

Я один не понимаю: зачем юнит тестом грузить файл на сервер?

Я один не понимаю: зачем юнит тестом грузить файл на сервер?

А как тестить загрузчик файлов ?

Делать заглушки на функции загрузки и коллбэки

Да и не обязательно файл , Любой запрос апи - если у тебя в коде подписка на события xhr, тест не работает

jest.fn() в помощь

Тест xhr запросов - это не юнит тесты.

Тест xhr запросов - это не юнит тесты.

А что это

Ну я загрузку в е2е тестирую

Я хотел Nightwatch юзать, но началось настрой первое десятое дридцатое

Та вообще изи найтвотч.

Не знаю я просто джиквери программист

Отложил на потом

Подскажите пожалуйста. Есть дочерний компонент, в котором есть input. Мне нужно передать значение, введенное в инпуте в родительский компонент. Я в инпуте указываю @input="updateInput($event.target.value)", где updateInput - метод, где я прописываю this.$emit("download-search", value); В родительском компоненте я указываю @download-search="customSearchInput", где customSearchInput - метод, где мне нужно обработать значение, введенное в инпуте дочернего компонента. Проблема в том, что при emit'e события ничего не происходит. Событие никак не вызывается и никой реакции вообще не происходит. Подскажите, в чем может быть проблема. Через EventBus событие срабатывает, но это решение так себе.

Подскажите пожалуйста. Есть дочерний компонент, в котором есть input. Мне нужно передать значение, введенное в инпуте в родительский компонент. Я в инпуте указываю @input="updateInput($event.target.value)", где updateInput - метод, где я прописываю this.$emit("download-search", value); В родительском компоненте я указываю @download-search="customSearchInput", где customSearchInput - метод, где мне нужно обработать значение, введенное в инпуте дочернего компонента. Проблема в том, что при emit'e события ничего не происходит. Событие никак не вызывается и никой реакции вообще не происходит. Подскажите, в чем может быть проблема. Через EventBus событие срабатывает, но это решение так себе.

В devtools посмотрите на вкладке событий, происходит ли оно ли и какое имя у события

ERROR: S client not available

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

В родителе поставил v-on на инпуте?

Чтобы слушать событие это

А вижу

Поставил

Скинь код метода в родителе, который обрабатывает значение из инпута

Скинь код метода в родителе, который обрабатывает значение из инпута

Пока там ничего военного. Просто проверка, что хотя бы событие триггерится customSearchInput(value) { console.log("Emitted"); }

Кажеться нашел решение, через указание this.$root.$emit("download-search", value) А в родительском компоненте в created указал this.$root.$on("download-search", value => { this.customSearchInput(value); }); Правда я не могу объяснить, почему прошлое решение не работает и почему работает это ??

Юзайте ковычки судорь

Читать код невозможно

`

Спс)

бэктики

Виноват, поправил

Подскажите пожалуйста. Есть дочерний компонент, в котором есть input. Мне нужно передать значение, введенное в инпуте в родительский компонент. Я в инпуте указываю @input="updateInput($event.target.value)", где updateInput - метод, где я прописываю this.$emit("download-search", value); В родительском компоненте я указываю @download-search="customSearchInput", где customSearchInput - метод, где мне нужно обработать значение, введенное в инпуте дочернего компонента. Проблема в том, что при emit'e события ничего не происходит. Событие никак не вызывается и никой реакции вообще не происходит. Подскажите, в чем может быть проблема. Через EventBus событие срабатывает, но это решение так себе.

Посмотри через vue-devtools вылетает ли событие

я кароче первую простыню не читал. но делать эмиты от рута это неявный костыль

я кароче первую простыню не читал. но делать эмиты от рута это неявный костыль

а если создавать отдельный Vue объект как event bus это явный костыль?

а если создавать отдельный Vue объект как event bus это явный костыль?

эскобар

Посмотри через vue-devtools вылетает ли событие

Нет, событие не вылетает

а если создавать отдельный Vue объект как event bus это явный костыль?

Я так и сделал. Но в качестве готового варианта мне не понравилось решение

Почему то даже в vm в events нет такого события

Именно на this.$emit("download-search", value); происходит затык.

Добрый день, ребят. Подскажите, пожалуйста, какую-нибудь хорошую библиотеку css и js для вью с готовыми сетками, кнопками и т.п., чтобы быстро разворачивать обычный интерфейс для себя

Добрый день, ребят. Подскажите, пожалуйста, какую-нибудь хорошую библиотеку css и js для вью с готовыми сетками, кнопками и т.п., чтобы быстро разворачивать обычный интерфейс для себя

bootstrap/semanticui/vuetify

bootstrap/semanticui/vuetify

Спасибо

Подскажите, а что если нужно выбрать использовать EventBus или $root для эмита метода родительского метода, что выбрать правильнее (пытаюсь пока не использовать оба решения) ?

Подскажите, а что если нужно выбрать использовать EventBus или $root для эмита метода родительского метода, что выбрать правильнее (пытаюсь пока не использовать оба решения) ?

Что ты пытаешься сделать. может есть другие способы

Что ты пытаешься сделать. может есть другие способы

Я выше описал кейс. В кратце не вызывается метод родительского компонента, хотя в дочернем прописываю this.$emit("download-search", value);

Я выше описал кейс. В кратце не вызывается метод родительского компонента, хотя в дочернем прописываю this.$emit("download-search", value);

ну а теперь в родительском пишешь @download-search="someHandler()"

именно, пишу так @download-search="customSearchInput" где customSearchInput customSearchInput(value) { console.log("Emitted"); }

В консоли вообще ничего