ну вообще да)

я просто хз, как вариант)

о, сработало

офигеть

колдунство

спасибо)

чудесно, не за что)

а вот то, что я делаю в массиве…

типа новые свойства докидываю путем создания нового массива и map

я могу сделать так же, если у меня каждый элемент массива содержит свой массив, и там тоже нужно избавиться от editing?

типа новые свойства докидываю путем создания нового массива и map

ты юзаешь map, потому что у тебя меняется структура? Почему не forEach?

я могу сделать так же, если у меня каждый элемент массива содержит свой массив, и там тоже нужно избавиться от editing?

избавиться от editing? типа вообще свойство это удалить или что?)

избавиться от editing? типа вообще свойство это удалить или что?)

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

на сервере хранить это свойство смысла мало

ты юзаешь map, потому что у тебя меняется структура? Почему не forEach?

потому что на SO было map. forEach лучше?

на сервере хранить это свойство смысла мало

ну тогда и добавляй его в computed, как ты сейчас делаешь. Я просто не совсем понял вопрос)

потому что на SO было map. forEach лучше?

та можно и map, то я так)

да, отлично спасибо. последний вопрос на сегодня еще :)

помимо editing там есть isResultGuessed, который тоже можно вычислять. но моя проблема в том, что когда я редактирую данные в форме, он сразу вычисляется и закрывает мне форму :)

Всем привет! Вопрос оффтопный: можно ли как-то в vs code подрубить рефакторинг импортов при перемещении/переименовании файлов? А то щас меняю имя компоненты или перемещаю в другой каталог и вручную все импорты меняю. Задалбывает. В webstorm этот момент очень удобно реализован

Нельзя, в плане рефакторинга от уступает

Может плагины какие то есть, но в самом code нету

Плагинов с ходу тоже не нашел. Ишью незакрытый на гите vs code есть, но, видимо, не реализовали еще

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

правда, непонятно, как вызывать методы vue из js

Кто-нибудь может подсказать как кошерно в компоненте метод запускать через родителя. Например, компонент в methods содержит функцию, которая запускает анимацию и эту анимацию можно много раз выполнять. Сделал через refs в родителе. Еще была идея через event Bus. Но как по-другому, типо через пропсы не понимаю. Если пропс булеан, то емитить евент, что бы родитель переставил флаг как-то тупо.

Хочется как-то через пропсы 😭

Сделай два пропса: show, hide, если уж хочется через них делать.

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

для изоляции?

че

ладно, у меня уже мозги поплыли видимо. nevermind pls

Сделай два пропса: show, hide, если уж хочется через них делать.

Не очень понимаю как это поможет.

Не очень понимаю как это поможет.

В родителе меняешь их состояние. В потомке в зависимости от состояния (watch) меняешь поведение.

Не это тоже зашквар какой-то, лучше уж одним флагом тогда и также через watch родителю прокинуть событие, чтобы он флаг обратно переключил. Что-то как-то часто такие ситуации возникают, а как нормально делать не понимаю

народ, есть два метода в mounted, 1-ый getCategories, который устанавливает категории this.categories = response.data и 2-ой getFilters, так вот, как во втором обратиться к this.categories? console.log(this.categories) в getFilters пустой

в store кидать?

Vanga mode | on

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

даже если так getFilters: function () { this.getCategories(); console.log(this.categories) }, то тоже пусто

Либо он у тебя где-то в не-стрелочной функции

getCategories: function () { axios.get('/api/categories', { }) .then(response => { this.categories = response.data; }) .catch(error => { //console.log(error); }); }, getFilters: function () { this.getCategories(); console.log(this.categories); }, getFilters в mounted

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

Вот причина

axios асинхронный

Понимаещь?

Т.е. у тебя в результате создаётся асинхронный запрос на получение данных из сервера

Запрос отправлен и код идёт дальше

Он не ждёт пока запрос закончится

Потому на момент console.log у тебя this.categories пустой

getCategories () { return axios.get('/api/categories') .then(response => { this.categories = response.data; }) .catch(error => { //console.log(error); }); }, getFilters () { this.getCategories() .then(() => { console.log(this.categories); }); },

getCategories () { return axios.get('/api/categories') .then(response => { this.categories = response.data; }) .catch(error => { //console.log(error); }); }, getFilters () { this.getCategories() .then(() => { console.log(this.categories); }); },

Error in mounted hook: "TypeError: Cannot read property 'then' of undefined"

за наводку про асинхронность thx

Ты return добавил в getCategories?

нет, я же валенок

спасибо!)

народ, есть два метода в mounted, 1-ый getCategories, который устанавливает категории this.categories = response.data и 2-ой getFilters, так вот, как во втором обратиться к this.categories? console.log(this.categories) в getFilters пустой

Создай геттер и напиши что-то типо if(store.categories.length) return store.categories Тогда ты получишь данные с стора, когда они уже появились Думаю, что можно ещё более лаконично решить, но пока так

Ребят, удоволетворите наркомана плиз (меня). Можно ли использовать angular/react во vue компоненте или vue spa?

Даже не спрашивайте, зачем

Ребят, удоволетворите наркомана плиз (меня). Можно ли использовать angular/react во vue компоненте или vue spa?

ЗАЧЕМ

БЛин не успел

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

Не это тоже зашквар какой-то, лучше уж одним флагом тогда и также через watch родителю прокинуть событие, чтобы он флаг обратно переключил. Что-то как-то часто такие ситуации возникают, а как нормально делать не понимаю

Сделать шину и прокинь ее в пропс. Пусть меня закидают помидорами :) а вообще может ты как-то можешь перенести анимацию в родителя? Тогда изращаться не придётся точно и будет самый норм вариант

Ты return добавил в getCategories?

слушай, так норм вообще делать (path.replace временно для dev, есть regex)? this.getCategories().then( () => { let categories = this.categories; let path = this.$route.path.replace('/vacancies','vacancies'); let pathLocations = path.split('/'); if (pathLocations[1]) { let location = pathLocations[1]; let category = categories.find(function(cat) { return cat.alias === location; }); console.log(category); } });

А что конкретно спрашивается?

ну это не совсем зашкварный код?

Ну есть немного

Что за ide не подскажешь?

Что за ide не подскажешь?

visual studio code

Как тема называется?

ну. мало что ли темных тем )

Чем webstorm не устраивает?)

Что за ide не подскажешь?

Atom

Atom

Как тема называется?

Как тема называется?

Дефолтная

Стандартная dark

Хмм, видимо я уже давно его не видел

друзья, подскажите по JS, сейчас у меня бекенд работает на 8081 порту, но я хочу, чтобы в режиме сборки в axios.baseURL подставлялься не `http://localhost:8081/api/v1/` а просто /api/v1/ как это разрулить через process.env?

baseURL: (process.env.NODE_ENV === 'production') ? '...' : '...' судя по всему, это оно

baseURL: (process.env.NODE_ENV === 'production') ? '...' : '...' судя по всему, это оно

ага подойдет.