я не понял твой кейс просто

вообще-то это коллизия - изменения на сервере и изменения на клиенте - оптимистичная конкуренция - но это плохо

Я описал видимо не совсем корректно. Меня на самом деле ситуация с запросом в каждые 5 секунд устраивает. Больше всего волнует, как не эмиттить @change ивент инпута при изменении значения его v-model программно.

Вот.

ааа ну... отключи

ааа ну... отключи

Что именно?

@change ивент инпута при изменении значения его v-model

Как его отключить для изменения программно, но оставить для изменений от пользователя?

добавь флаг changed если пользователь сменил его и если сменил - все, логика меняется

поле поменят типа

то есть придется хранить старое значение либо флаг изменения

Ага, спасибо, я понял. Думал, что есть какой-то способ биндинга для такого.

Как его отключить для изменения программно, но оставить для изменений от пользователя?

вообще-то есть свойство trusted в эвенте которое говорит изменение произошло через пользователя, а не программно

вообще-то есть свойство trusted в эвенте которое говорит изменение произошло через пользователя, а не программно

Спасибо!!!!

То что нужно!!!

только с импута убери v-model и переделай на :value и @change

Админ!!!

Всем привет, рыбята

https://jsfiddle.net/vwze2upk/ Вот кусок кода. По клику должно тоглиться состояние isActive, однако этого происходит

В чем проблема?

может так state.isActive = !state.isActive

https://jsfiddle.net/vwze2upk/ Вот кусок кода. По клику должно тоглиться состояние isActive, однако этого происходит

Мне кажется или ты уже задавал уже этот вопрос ?

Помню спор был между apipie и apicase

к чему пришли то?

к чему пришли то?

Фигачить классы руками

а есть примеры?

либы хорошие но у меня сомнения

Ага, и у меня

а есть примеры?

Присоединяюсь

Примеры чего? Как класс на JS написать? :)

Примеры чего? Как класс на JS написать? :)

Как ты через классы делаешь вызовы

Интересна реализация

Класс http со статик методами, классы на отдельные виды данных/эндпоинты.

только с импута убери v-model и переделай на :value и @change

Да, спасибо, работает на отлично

Класс http со статик методами, классы на отдельные виды данных/эндпоинты.

Получается по сути это flattern pattern для запросов, как раз то, с чем борется apipie

Типо есть запросы к /foo, и к /foo/bar, и apipie сохраняет эту вложенность

.foo(), .foo.bar()

Привет ребят, сегодня начал изучать vue. Столкнулся с тем, что не понял. Как обновлять данные в локальном компоненте? data там функцией . Надеюсь понятно выразился. Пробовал Child.$data.param , но не прокатило

пока непонятно

как обновлять данные которые передаются во вложенный компонент?

есть рутовый компонент. в свойсвах я добавил components: { 'static-ip-modal-body': ModalBody, а у модалБади выглядит так var ModalBody = { template: '#static-ip-modal-body', components: { 'cost': CostBlock }, data: function () { return { logins: [] } } };

хочу logins изменить

про props почитай

а напрямую никак?

получается мне надо держать логины в рутовом компоненты и передавать от него в дочерных через пропс?

тут смотря что ты будешь хранить в logins. Если они часто будут использоваться можешь создать еще один экземпляр let Bus = new Vue() и там хранить. или можешь использовать vuex (смотря насколько большое приложение у тебя будет )

Please, help me to охладить трахание

Правильно ли я axios-ом делаю post request?

Правильно ли я axios-ом делаю post request?

для POST данные не нужно оборачивать в params

в доках они вот это пишут

вот так?

есть класс для api, хочу сделать индикатор загрузки. соотвественно нужно записать в глобальный стейт isLoading. как и куда из axios записать стейт о состоянии запроса? import axios from "axios"; export const http = axios.create({ headers: { "X-CSRF-TOKEN": window.app.csrf, "X-Requested-With": "XMLHttpRequest" } }); http.interceptors.request.use(function(request) { return request; }); http.interceptors.response.use(function(response) { return response; }, function(error) { return error; }); const api = { get: function(url, data = null, option) { let request = option || {}; request.params = data; return http.get(url, request).then(function(response) { return Promise.resolve(response.data, response.request, response.status, response.config); }).catch(function(error) { return Promise.reject(error.response.data, error.response.request, error.response.status, error.response.config); }); }, post: function(url, data, option) { return http.post(url, data = null, option).then(function(response) { return Promise.resolve(response.data, response.request, response.status, response.config); }).catch(function(error) { return Promise.reject(error.response.data, error.response.request, error.response.status, error.response.config); }); }, ... }; export default api;

есть класс для api, хочу сделать индикатор загрузки. соотвественно нужно записать в глобальный стейт isLoading. как и куда из axios записать стейт о состоянии запроса? import axios from "axios"; export const http = axios.create({ headers: { "X-CSRF-TOKEN": window.app.csrf, "X-Requested-With": "XMLHttpRequest" } }); http.interceptors.request.use(function(request) { return request; }); http.interceptors.response.use(function(response) { return response; }, function(error) { return error; }); const api = { get: function(url, data = null, option) { let request = option || {}; request.params = data; return http.get(url, request).then(function(response) { return Promise.resolve(response.data, response.request, response.status, response.config); }).catch(function(error) { return Promise.reject(error.response.data, error.response.request, error.response.status, error.response.config); }); }, post: function(url, data, option) { return http.post(url, data = null, option).then(function(response) { return Promise.resolve(response.data, response.request, response.status, response.config); }).catch(function(error) { return Promise.reject(error.response.data, error.response.request, error.response.status, error.response.config); }); }, ... }; export default api;

Обязательно из axios? Я б делал в компонентах, там где Vuex есть

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

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

Глобальное состояние, не хочу настраивать компоненты, vuex для того и придумывался если что

самое топорное решение которое приходит, это http.interceptors.request.use(function(request) { $(".loader").show(); return request; }); http.interceptors.response.use(function(response) { $(".loader").hide(); return response; }, function(error) { $(".loader").hide(); return error; }); но мне нужно именое состояние. и один из методов использования это скрывать/показывать лоадер + чтобы компоненты его использовали

Прикольно Илья мульку зкинул, он когда говорил о вуекс имел ввиду атомарность всех компонент, а вместо этого люди велосипеды строят, отично.. чо)

если с помощью Vuex, то класс api всеравно будет такой же, и вопрос тот же. как из интерсептора глобально передать состояние и куда его записать?

если с помощью Vuex, то класс api всеравно будет такой же, и вопрос тот же. как из интерсептора глобально передать состояние и куда его записать?

Храните его в стейте оттуда и берите, туда записывайте

Напрямую с домом работать из апи это вообще бредовая идея

Господа, посоветуйте инструменты для e2e. Запарился уже. На проекте время от времени без причин всплывают баги в одних и тех же местах.

nightwatch + headless chrome

О, его уже можно активно юзать?

Хром

вполне можно

nightwatch + headless chrome

Кстати в vue-cli найтвоч можно сразу предустановить

да, так и есть. он сразу ставится и настраивается сам

но только с фантомом ) , что можно и самому поправить

Мозилка тоже без головы есть, если чо

Ну, проект без этого создавался.

У меня есть модалка профиля и часто какого хрена одно из полей перестает редактировать профиль, правильно ли для этого юзать е2е?

Unit тесты не зайдут вроде для такого, так?

что значит одно из полей перестает редактировать ?)

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

Есть поле редактирования даты. И какого то хрена время от времени, человек редактирует в нем дату, нажимает сохранить и оно нихрена не меняется.

Не сохраняет *

нужно инвестигейтить, что вводят. что отправляется на сервер, что падает в бд

e2e покроет только первый пункт

тесты они вообще не для нахождения причины уже существующего бага, а для оповещения о появлении новых

тесты они вообще не для нахождения причины уже существующего бага, а для оповещения о появлении новых

Ну да, поэтому я и хочу тест написать. Потому, что не понятно, какого хрена время от времени всплывают баги, которые вроде бы вылечили

Vue.js 2.4.3 was released! Changelog: https://github.com/vuejs/vue/releases/tag/v2.4.3

https://github.com/SortableJS/Vue.Draggable

кто=то юзал? есть что-то лучше?

кто=то юзал? есть что-то лучше?

бери это