@input="inputHandler"

хотя стоп, причем здесь компьютед?

А как отобразить в шаблоне данные, которые ты получил асинхронно?)

пришло, распарсил, сунул нужный кусок в дата или стор

оттуда реактивно подтянется

хотя стоп, причем здесь компьютед?

Так у тебя вопрос, судя по всему, не о компьютед.

А я привёл конкретный кейс, когда именно нужен компьютед. И больше никогда не нужен

вернее, почти никогда. Можно навыдумывать немного. Но то неосновные

А я привёл конкретный кейс, когда именно нужен компьютед. И больше никогда не нужен

Окей, принято тогда.

благодарю за помощь всех участвовавших

Ребзи, есть таблица, которая рендриться с массива, каждую строку можна редактировать. Форма редактирования находиться в модалке, которая открываеться поверх таблицы, но когда меняешь данные в модалке, они сразу же меняються в таблице, а данные в таблице хотелось бы обновить только после запроса на сервер. Я понимаю что дело в реактивности, но можна ли как-то на время отключить реактивный рендринг у массива или как то заблочить итератор массива?

Ребзи, есть таблица, которая рендриться с массива, каждую строку можна редактировать. Форма редактирования находиться в модалке, которая открываеться поверх таблицы, но когда меняешь данные в модалке, они сразу же меняються в таблице, а данные в таблице хотелось бы обновить только после запроса на сервер. Я понимаю что дело в реактивности, но можна ли как-то на время отключить реактивный рендринг у массива или как то заблочить итератор массива?

В модалке надо редактировать копию данных.

Object.assign не подходит через специфичные условия

Ибо это очень вложеная структура данных без ид

и если я скопирую, то не буду знать куда вставить обратно

при создании я просто пушу в массив, а вот при изменении или удалении очень больно

у меня типа нестед сет, item: { name: , sections: [ { item: {name: '', sections: []}, item: {name: '', sections: []} } ], }

типа так, но это очень упрощённо

Добавьте id, а лучше нормализуйте данные. Это избавит вас от кучи проблем вдальнейшем.

Добавьте id, а лучше нормализуйте данные. Это избавит вас от кучи проблем вдальнейшем.

я на бек не влияю и там типа тырпрайзерс, а данные эти создаються юзером, это как вложеные таблицы и он сколько захочет, столько и создаст. Что спасет меня, это как то заблочить рендринг не время post`a

а как, хз

Так дойдите до бэкендеров и объясните им, что они зря сделали кучу лишней работы по денормализации.

Так дойдите до бэкендеров и объясните им, что они зря сделали кучу лишней работы по денормализации.

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

Ребзи, есть таблица, которая рендриться с массива, каждую строку можна редактировать. Форма редактирования находиться в модалке, которая открываеться поверх таблицы, но когда меняешь данные в модалке, они сразу же меняються в таблице, а данные в таблице хотелось бы обновить только после запроса на сервер. Я понимаю что дело в реактивности, но можна ли как-то на время отключить реактивный рендринг у массива или как то заблочить итератор массива?

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

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

ок, допустим они в сторе, и как отследить?

Так дойдите до бэкендеров и объясните им, что они зря сделали кучу лишней работы по денормализации.

А вообще нинада денормализовывать ничего. Вообще никогда нинада (микроисключение в конце). Всё должно быть плоско и суперинтуитивно. Кроме случаев, когда надо вынести что-то очень общее. Но и это можно очень плоско сделать.

если фронту что-то надо с такой изи-инфой сделать, он легко сделает так, как ему надо.

Ну камон, Ленорман изо ванные данные обычно отправляются на сервер

Ребят, кто с axois'ом под Vue разбирается можете помочь?

Так дойдите до бэкендеров и объясните им, что они зря сделали кучу лишней работы по денормализации.

на серваке json лежит, беки говорят что менять структуру вообще не варик

Ребят, кто с axois'ом под Vue разбирается можете помочь?

Сразу вопрос задавай

Ну камон, Ленорман изо ванные данные обычно отправляются на сервер

it depends, конечно, но имхо чаще лучше нормализованное всё гонять, когда обработка ожидается, а не прямой сейв-апдейт-патч

Ребят, кто с axois'ом под Vue разбирается можете помочь?

ахиос -- кусок экосистемы де-факто. Тут только с nuxt'ом могут в спец.чат послать из всей солянки, ибо накст навороченный, и им не все пользуются.

Сразу вопрос задавай

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

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

это не сёр, это вопрос по теме.

самый смак вместе обсудить

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

нет кода -- нет пути

без кода не человек

а с кодом человек

код в студию

самый смак вместе обсудить

никогда не учавствовал в групповых чатах, непривычно. короч, this.axios({method:'POST', params:{hello:'world'}}), сразу два вопроса. в документации, вместо парамс, написано писать "data", но тогда отправляет OPTION а не пост. кроссдоменный запрос. Креденшиалс включены.

нет кода -- нет пути

Да над походу где то 256м шрифтом правила банальные как оформлять вопрос написать. А то прям все мы ванги)

Да над походу где то 256м шрифтом правила банальные как оформлять вопрос написать. А то прям все мы ванги)

бота добавить сюда, который будет как-то определять и материться в личку

axios.post() как то так же пишется

Да, тогда отправляет ГЕТ :)))

никогда не учавствовал в групповых чатах, непривычно. короч, this.axios({method:'POST', params:{hello:'world'}}), сразу два вопроса. в документации, вместо парамс, написано писать "data", но тогда отправляет OPTION а не пост. кроссдоменный запрос. Креденшиалс включены.

Ну для начала юзай нормальный axios, а не обертку

никогда не учавствовал в групповых чатах, непривычно. короч, this.axios({method:'POST', params:{hello:'world'}}), сразу два вопроса. в документации, вместо парамс, написано писать "data", но тогда отправляет OPTION а не пост. кроссдоменный запрос. Креденшиалс включены.

this.axios.post({data: {hell: 'circles'}), хотя моно без дэйта вооще сразу пихать, вроде. чёт туплю

Ну для начала юзай нормальный axios, а не обертку

Я на вебпаке, вроде бы даже установил его.

Ну для начала юзай нормальный axios, а не обертку

у него в прототайп небось впихуюрен

Я на вебпаке, вроде бы даже установил его.

как твой пакет axios называется?

ничего особенного, в принципе

у него в прототайп небось впихуюрен

да там vue-axios наверняка

да там vue-axios наверняка

а ну мб. Странная практика вместо одной строчки явного кода импортить обёртку.

Брр

Согласен :)

как твой пакет axios называется?

Это??

как твой пакет axios называется?

import axios from 'axios' import VueAxios from 'vue-axios'

никогда не учавствовал в групповых чатах, непривычно. короч, this.axios({method:'POST', params:{hello:'world'}}), сразу два вопроса. в документации, вместо парамс, написано писать "data", но тогда отправляет OPTION а не пост. кроссдоменный запрос. Креденшиалс включены.

опшн отправляется всегда. Просто щас бразуеры (хромиум) начали его явно рисовать в диспатчере

Яжговорил

Согласен :)

Ооооо Ванга! Аааа

?

Яжговорил

Это мой первый проект на фреймворке. Я раньше вообще на РНР+ ванила ЖС писал...

Это мой первый проект на фреймворке. Я раньше вообще на РНР+ ванила ЖС писал...

А мы в тебя пальцем и не тычем

common костыли собираем прост)

экспу проверяем и всё такое

import axios from 'axios' import VueAxios from 'vue-axios'

Просто пиши в компоненте (или где там у тебя) import axios from 'axios' а потом используй axios.post(...).then(data => { this.componentDataVar = data })

* .catch()

Это мой первый проект на фреймворке. Я раньше вообще на РНР+ ванила ЖС писал...

есичё, можно вью ахиос не впиндюривать, а написать гденить там же Vue.prototype.axios = axios. Там же можно не ахиос проперти назвать, а погуще -- http например. Или fetch

Вариант Стаса максимально безопасный, btw

Вариант Стаса максимально безопасный, btw

т.е. import VueAxios from 'vue-axios' не нужен?

Не нужен

и vue.use(VueAxios) тоже

Но смотри как те больше по кайфу -- чуть меньше кода или чуть больше явности.

Но смотри как те больше по кайфу -- чуть меньше кода или чуть больше явности.

да мне, по большому счёту всё равно, удобнее, конечно, когда просто говоришь запрос(данные).тогда(результат)иначе(ошибка)... нежели каждый раз прописывать метод пост, пути, заголовки, креденшиалс и тп...

На meetup.com к сожалению пока оплачен аккаунт позволяющий добавить только 50 участников, но вход свободный дата место по ссылке, приходите, будем знакомиться :)

Че там, завтра митап?)

и пробуй .post({data: {data}})

и пробуй .post({data: {data}})

5 сек

да мне, по большому счёту всё равно, удобнее, конечно, когда просто говоришь запрос(данные).тогда(результат)иначе(ошибка)... нежели каждый раз прописывать метод пост, пути, заголовки, креденшиалс и тп...

у ахиоса дефолты есть и подготовленные штуки

см. доки

axios.defaults.baseURL = '.................ajax.php'; axios.defaults.withCredentials = true; axios.defaults.method = 'POST';

axios.defaults.baseURL = '.................ajax.php'; axios.defaults.withCredentials = true; axios.defaults.method = 'POST';

можно проще. У ахиоса своё есть, а если в лоб, то обжект экстенд

можно проще. У ахиоса своё есть, а если в лоб, то обжект экстенд

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

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

традиционный кантонский

так ты к this лезешь без моего костыля с прототипом

мог бы прикостылить, а мог бы как СТас сделать в детялях.

мог бы прикостылить, а мог бы как СТас сделать в детялях.

АаааАааа! МОй мозхххХ!ХХх!... сорян чуваки, правда не специально. Прототипы, наследование, инкапсуляция, мутации, сеттеры гетеры. Полтонны говна с неба свалилось. Разгребаю.

АаааАааа! МОй мозхххХ!ХХх!... сорян чуваки, правда не специально. Прототипы, наследование, инкапсуляция, мутации, сеттеры гетеры. Полтонны говна с неба свалилось. Разгребаю.

это всё о ваниллажс, на которым ты вроде как писал :3

Полиморфизм забыл, кстати

это всё о ваниллажс, на которым ты вроде как писал :3

Ага, только представь, что я писать начал в 2000м, и доками пользовался теми же, и в принципе исключительно функциональным программированием. (ну не учился я на прогера) :) Был момент, я даже что-то вроде JSON придумал, чтобы таблички рисовать яваскриптом... а потом оказалось, что он существует... Вот, решил с нового года начать наверстывать два десятилетия... бошка гудит..

Полиморфизм забыл, кстати

А ещё у меня был мессенджер, в котором я ифрейм скрытый был, использовал как HttpRequest, но его тогда ещё не сущестовало :) Ну или я не знал о нем :))))))

А ещё у меня был мессенджер, в котором я ифрейм скрытый был, использовал как HttpRequest, но его тогда ещё не сущестовало :) Ну или я не знал о нем :))))))

все так делали. Это как деревянные игрушки, прибитые к полу.

привет Друзья, есть одна проблемка. Открываю страницу в браузере где есть компоненты Vue, и эта страница пустая

Локально все работает

все мы дети Советского Социалистического Союза

все так делали. Это как деревянные игрушки, прибитые к полу.

Вооот, а теперь мне дали айпад - на, мол, поиграйся.. :)

Залил на прод, а там такая проблема. Может кто сталкивался

на серваке json лежит, беки говорят что менять структуру вообще не варик

Не повезло вам с бэкендерами. Но совет по прежднему: глубокая копия => изменение => сохранение => обновление оригинальных данных. Отключение же рендеринга не относящейся к редактированию части даст вам кучу багов разной степени тяжести.

Залил на прод, а там такая проблема. Может кто сталкивался

ну открой ты уже консоль, да посмотри

this.axios({data:{hell:'circles'}}) 200 OPTIONS ajax.php —---------------------------- this.axios.post({data:{hell:'circles'}}) TypeError: relativeURL.replace is not a function Stack trace: combineURLs@webpack-internal:///89:12:43 dispatchRequest@webpack-internal:///86:30:18 —---------------------------- this.axios({method: 'POST',data:{hell:'circles'}}) Запрос из постороннего источника заблокирован: Политика одного источника запрещает —---------------------------- this.axios({method: 'POST',params:{hell:'circles'}}) 200 POST ajax.php