смотря в каком контексте

а on и emit это глобальная шина данных?

Нет, это общение ребенка с родителем

родитель с ребенком общается через пропсы

маловато.. у меня еще один слой

this.$root.$emit глобально

о

вот это уже огонь

не надо так...

это сработает

подскажите куда копать

не надо

XMLHttpRequest cannot load http://192.168.0.1/CLIENTS. Request header field Content-Type is not allowed by Access-Control-Allow-Headers in preflight response. vue-resource.es2015.js?fc90:1085 XHR failed loading: POST "http://192.168.0.1/CLIENTS". (anonymous) @ vue-resource.es2015.js?fc90:1085 PromiseObj @ vue-resource.es2015.js?fc90:196 xhrClient @ vue-resource.es2015.js?fc90:1031 sendRequest @ vue-resource.es2015.js?fc90:1191 exec @ vue-resource.es2015.js?fc90:1146 next @ vue-resource.es2015.js?fc90:1172 before @ vue-resource.es2015.js?fc90:989 exec @ vue-resource.es2015.js?fc90:1146 next @ vue-resource.es2015.js?fc90:1172 method @ vue-resource.es2015.js?fc90:1003 exec @ vue-resource.es2015.js?fc90:1146 next @ vue-resource.es2015.js?fc90:1172 jsonp @ vue-resource.es2015.js?fc90:976 exec @ vue-resource.es2015.js?fc90:1146 next @ vue-resource.es2015.js?fc90:1172 json @ vue-resource.es2015.js?fc90:880 exec @ vue-resource.es2015.js?fc90:1146 next @ vue-resource.es2015.js?fc90:1172 form @ vue-resource.es2015.js?fc90:865 exec @ vue-resource.es2015.js?fc90:1146 next @ vue-resource.es2015.js?fc90:1172 header @ vue-resource.es2015.js?fc90:1023 exec @ vue-resource.es2015.js?fc90:1146 next @ vue-resource.es2015.js?fc90:1172 cors @ vue-resource.es2015.js?fc90:846 exec @ vue-resource.es2015.js?fc90:1146 (anonymous) @ vue-resource.es2015.js?fc90:1175 PromiseObj @ vue-resource.es2015.js?fc90:196 Client @ vue-resource.es2015.js?fc90:1139 Http @ vue-resource.es2015.js?fc90:1396 Http.(anonymous function) @ vue-resource.es2015.js?fc90:1435 get_clients @ App.vue?33dd:78 boundFn @ vue.runtime.esm.js?a427:165 created @ App.vue?33dd:88 callHook @ vue.runtime.esm.js?a427:2552 Vue._init @ vue.runtime.esm.js?a427:3996 VueComponent @ vue.runtime.esm.js?a427:4165 createComponentInstanceForVnode @ vue.runtime.esm.js?a427:3514 init @ vue.runtime.esm.js?a427:3348 createComponent @ vue.runtime.esm.js?a427:4897 createElm @ vue.runtime.esm.js?a427:4840 patch @ vue.runtime.esm.js?a427:5339 Vue._update @ vue.runtime.esm.js?a427:2312 updateComponent @ vue.runtime.esm.js?a427:2435 get @ vue.runtime.esm.js?a427:2774 Watcher @ vue.runtime.esm.js?a427:2757 mountComponent @ vue.runtime.esm.js?a427:2439 Vue$3.$mount @ vue.runtime.esm.js?a427:7106 Vue._init @ vue.runtime.esm.js?a427:4006 Vue$3 @ vue.runtime.esm.js?a427:4091 (anonymous) @ main.js?3479:9 (anonymous) @ build.js:984 webpack_require @ build.js:660 fn @ build.js:86 (anonymous) @ build.js:1390 webpack_require @ build.js:660 (anonymous) @ build.js:709 (anonymous) @ build.js:712

ААААААААААААА

Что есть для локали в vue?

const bus = new Vue() bus.$emit -> bus.$on

Что есть для локали в vue?

@kelin2025 ты вроде пилил че та с локалью?

XMLHttpRequest cannot load http://192.168.0.1/CLIENTS. Request header field Content-Type is not allowed by Access-Control-Allow-Headers in preflight response. vue-resource.es2015.js?fc90:1085 XHR failed loading: POST "http://192.168.0.1/CLIENTS". (anonymous) @ vue-resource.es2015.js?fc90:1085 PromiseObj @ vue-resource.es2015.js?fc90:196 xhrClient @ vue-resource.es2015.js?fc90:1031 sendRequest @ vue-resource.es2015.js?fc90:1191 exec @ vue-resource.es2015.js?fc90:1146 next @ vue-resource.es2015.js?fc90:1172 before @ vue-resource.es2015.js?fc90:989 exec @ vue-resource.es2015.js?fc90:1146 next @ vue-resource.es2015.js?fc90:1172 method @ vue-resource.es2015.js?fc90:1003 exec @ vue-resource.es2015.js?fc90:1146 next @ vue-resource.es2015.js?fc90:1172 jsonp @ vue-resource.es2015.js?fc90:976 exec @ vue-resource.es2015.js?fc90:1146 next @ vue-resource.es2015.js?fc90:1172 json @ vue-resource.es2015.js?fc90:880 exec @ vue-resource.es2015.js?fc90:1146 next @ vue-resource.es2015.js?fc90:1172 form @ vue-resource.es2015.js?fc90:865 exec @ vue-resource.es2015.js?fc90:1146 next @ vue-resource.es2015.js?fc90:1172 header @ vue-resource.es2015.js?fc90:1023 exec @ vue-resource.es2015.js?fc90:1146 next @ vue-resource.es2015.js?fc90:1172 cors @ vue-resource.es2015.js?fc90:846 exec @ vue-resource.es2015.js?fc90:1146 (anonymous) @ vue-resource.es2015.js?fc90:1175 PromiseObj @ vue-resource.es2015.js?fc90:196 Client @ vue-resource.es2015.js?fc90:1139 Http @ vue-resource.es2015.js?fc90:1396 Http.(anonymous function) @ vue-resource.es2015.js?fc90:1435 get_clients @ App.vue?33dd:78 boundFn @ vue.runtime.esm.js?a427:165 created @ App.vue?33dd:88 callHook @ vue.runtime.esm.js?a427:2552 Vue._init @ vue.runtime.esm.js?a427:3996 VueComponent @ vue.runtime.esm.js?a427:4165 createComponentInstanceForVnode @ vue.runtime.esm.js?a427:3514 init @ vue.runtime.esm.js?a427:3348 createComponent @ vue.runtime.esm.js?a427:4897 createElm @ vue.runtime.esm.js?a427:4840 patch @ vue.runtime.esm.js?a427:5339 Vue._update @ vue.runtime.esm.js?a427:2312 updateComponent @ vue.runtime.esm.js?a427:2435 get @ vue.runtime.esm.js?a427:2774 Watcher @ vue.runtime.esm.js?a427:2757 mountComponent @ vue.runtime.esm.js?a427:2439 Vue$3.$mount @ vue.runtime.esm.js?a427:7106 Vue._init @ vue.runtime.esm.js?a427:4006 Vue$3 @ vue.runtime.esm.js?a427:4091 (anonymous) @ main.js?3479:9 (anonymous) @ build.js:984 webpack_require @ build.js:660 fn @ build.js:86 (anonymous) @ build.js:1390 webpack_require @ build.js:660 (anonymous) @ build.js:709 (anonymous) @ build.js:712

подробней плиз $)))

@c01nd01r хорошо. тогда объяснюсь. есть компонет уровня 1 - он получил данные с сервера, о модельках, есть компонент уровня 2 - ячейка (принимает решение о выборе шаблона ячейки, на основании состояния модели - отсутствует/загружена и можно рисовать/ в состоянии поиска модели)

vue resurce

стреляет

http://192.168.0.1/CLIENTS

XMLHttpRequest cannot load http://192.168.0.1/CLIENTS. Request header field Content-Type is not allowed by Access-Control-Allow-Headers in preflight response. vue-resource.es2015.js?fc90:1085 XHR failed loading: POST "http://192.168.0.1/CLIENTS". (anonymous) @ vue-resource.es2015.js?fc90:1085 PromiseObj @ vue-resource.es2015.js?fc90:196 xhrClient @ vue-resource.es2015.js?fc90:1031 sendRequest @ vue-resource.es2015.js?fc90:1191 exec @ vue-resource.es2015.js?fc90:1146 next @ vue-resource.es2015.js?fc90:1172 before @ vue-resource.es2015.js?fc90:989 exec @ vue-resource.es2015.js?fc90:1146 next @ vue-resource.es2015.js?fc90:1172 method @ vue-resource.es2015.js?fc90:1003 exec @ vue-resource.es2015.js?fc90:1146 next @ vue-resource.es2015.js?fc90:1172 jsonp @ vue-resource.es2015.js?fc90:976 exec @ vue-resource.es2015.js?fc90:1146 next @ vue-resource.es2015.js?fc90:1172 json @ vue-resource.es2015.js?fc90:880 exec @ vue-resource.es2015.js?fc90:1146 next @ vue-resource.es2015.js?fc90:1172 form @ vue-resource.es2015.js?fc90:865 exec @ vue-resource.es2015.js?fc90:1146 next @ vue-resource.es2015.js?fc90:1172 header @ vue-resource.es2015.js?fc90:1023 exec @ vue-resource.es2015.js?fc90:1146 next @ vue-resource.es2015.js?fc90:1172 cors @ vue-resource.es2015.js?fc90:846 exec @ vue-resource.es2015.js?fc90:1146 (anonymous) @ vue-resource.es2015.js?fc90:1175 PromiseObj @ vue-resource.es2015.js?fc90:196 Client @ vue-resource.es2015.js?fc90:1139 Http @ vue-resource.es2015.js?fc90:1396 Http.(anonymous function) @ vue-resource.es2015.js?fc90:1435 get_clients @ App.vue?33dd:78 boundFn @ vue.runtime.esm.js?a427:165 created @ App.vue?33dd:88 callHook @ vue.runtime.esm.js?a427:2552 Vue._init @ vue.runtime.esm.js?a427:3996 VueComponent @ vue.runtime.esm.js?a427:4165 createComponentInstanceForVnode @ vue.runtime.esm.js?a427:3514 init @ vue.runtime.esm.js?a427:3348 createComponent @ vue.runtime.esm.js?a427:4897 createElm @ vue.runtime.esm.js?a427:4840 patch @ vue.runtime.esm.js?a427:5339 Vue._update @ vue.runtime.esm.js?a427:2312 updateComponent @ vue.runtime.esm.js?a427:2435 get @ vue.runtime.esm.js?a427:2774 Watcher @ vue.runtime.esm.js?a427:2757 mountComponent @ vue.runtime.esm.js?a427:2439 Vue$3.$mount @ vue.runtime.esm.js?a427:7106 Vue._init @ vue.runtime.esm.js?a427:4006 Vue$3 @ vue.runtime.esm.js?a427:4091 (anonymous) @ main.js?3479:9 (anonymous) @ build.js:984 webpack_require @ build.js:660 fn @ build.js:86 (anonymous) @ build.js:1390 webpack_require @ build.js:660 (anonymous) @ build.js:709 (anonymous) @ build.js:712

не надо сюда такие длинные стектрейсы кидать

@kelin2025 ты вроде пилил че та с локалью?

Чета да

Просто есть прототип сайта. Там я воткнул первый Ангуляр и начал читать документацию ng translate, но вот мне кажется, что перформанс будет жопой

http://192.168.0.1/CLIENTS

запрос с какого адреса делаешь?

в ответ в консоль сыпеться

запрос с какого адреса делаешь? - с локалхоста

эйррор

Request header field Content-Type is not allowed by Access-Control-Allow-Headers in preflight response.

@c01nd01r а шо такое

@c01nd01r соответсвенно есть третий уровень компонентов (непосредственно отображенное состояние ячейки), один типов компонента через автокомплит получает данные. вот их то и хочется записать в модельку

@c01nd01r а шо такое

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

Что юзать - не знаю Я просто сделал в Vuex геттер, который берет из файла переводы для нужного языка

Ну и геттер для склонения чисел

Request header field Content-Type is not allowed by Access-Control-Allow-Headers in preflight response.

https://learn.javascript.ru/xhr-crossdomain Вопрос не к Vue

Ща за комп сяду, где-то через мин 15

есть 3 компонента, в 2х пользователь вводит данные, затем дергается апишка и приходит ответ...3й компонент отображает, то что пришло с апишки...соответственно ему нужно эти данные получить Я правильно делаю, что передаю эти данные корневому экземпляру, а затем через props передаю эти данные компоненту, который отображает результат...или как то по другому нужно?

через $root?

Не проще Vuex юзать?

нее...также, как сейчас делал...через emit

нее...также, как сейчас делал...через emit

если все $emit кидаются через this, то норм

Не проще Vuex юзать?

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

Не проще Vuex юзать?

может и проще..только: 1) с vuex еще не работал 2) думал не избыточно ли его для такой мелкой задачи

Не такой уж он и большой

https://twitter.com/kazu_pon/status/881671380189577216

Щито Ито?

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

Можно обернуть все 3 компонента в один Через $refs обращаться ко всем

Я не понял, что вам нужно

Если честно

если все $emit кидаются через this, то норм

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

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

ты мой фидл поглядел?

Щито Ито?

дока по компонентам. Типа vue-play

ты мой фидл поглядел?

да...но у меня там все сложнее :)

лол, я ее с styleguidist путал))

гайс, мне надо запилить список с конечным числом элементов, и чтобы их можно было перетаскивать и редактировать сразу же. я нашел только vue.draggable библиотеку, но как реализовать редактирование элементов?

дока по компонентам. Типа vue-play

Типо сама генерится?

а какая разница, даже если там axios вызывает axios

Я не понял, что вам нужно

пользователь ищет данные через api, для этого есть 2 формы, под них есть 2 компонента...далее приходит результат...чтобы его вывести я сделал 3й компонент...и в нем будут отображаться данные, которые приходят из 1го или 2го компонента...вот и вопрос, как правильно передавать данные между компонентами

Помните я вчера выложил миксин для валидации форм для vuelidate? Так вот кастомные валидаторы он тоже поддерживает, сегодня проверил

а какая разница, даже если там axios вызывает axios

суть в том, что не работает...там по идее делов то function(response) {}, поменять на (response) => {} и убрать _ перед this

Типо сама генерится?

нуу, нет. Сам собираешь. Типа для сбоки своей библиотеки. https://storybook.js.org/

суть в том, что не работает...там по идее делов то function(response) {}, поменять на (response) => {} и убрать _ перед this

сам метод-то поменял?

methods: { getSome() { } } вместо methods: { getSome: function() { } }

Сегодня я стал мужиком посоны! Сегодня я попробовал .sync

сам метод-то поменял?

c metodName: function() {} на metodName() {} ?

methods: { getSome() { } } вместо methods: { getSome: function() { } }

ну да, поменял

нуу, нет. Сам собираешь. Типа для сбоки своей библиотеки. https://storybook.js.org/

Кстати че про 2.4 вью известно?

ERROR: S client not available

Сегодня я стал мужиком посоны! Сегодня я попробовал .sync

В чем смысол

В чем смысол

это 2 разных предложения...одно другому не мешает :)))

Кстати че про 2.4 вью известно?

Не скажу сейчас, не помню

В чем смысол

Удобная штука для управления sidebar например для контроля её показа

Што

Когда baseLayout использует компоненты appbar v sidebar

Какой sidebar

А

Это пример

Боже, а зачем

Я такое через $refs делаю обычно

Боже, а зачем

Потому что конпка активации в appbar и sidebar не является ни родителем ни ребенком

Аа

Я такое через $refs делаю обычно

А я по человечески

А я по человечески

Не выебуйся

Признай, что я вин

Потому что конпка активации в appbar и sidebar не является ни родителем ни ребенком

И как синк это решает

Удиви

Не выебуйся

в чате Vue надо писать..."не вуебы...ся :))

@Fl0pZz баян

Удиви

Заводишь переменную в layout, вешаешь v-on на appbar и чекаешь нажатие кнопки, Пихаешь эту же переменную как пропсу в sidebar, внутри сайдбара вешаешь ватчер и по нему меняешь visible sidebar, когда чел выбрал пункт и надо скрыть sidebar, ты отправляешь ивен в baseLayout

@Fl0pZz баян

Ой все, это вы тут работу не работаете, а я работаю

И это по-человечески?

И это по-человечески?

По канонам

Вин он, рофл

Без всяких там мам, пап и рефов

У тебя энивей то же самое выходит

Ой все, это вы тут работу не работаете, а я работаю

да, мы в отпуске и пилим пэтики :))

Сегодня весь вечер свободный, надо бы тоже чето поделать

Только с мусором в виде вотчеров и прочего, что не относится к appbar

Только с мусором в виде вотчеров и прочего, что не относится к appbar

Watcherы скорыты внутри sidebar