ВШ
а если я и задаю и отвечаю?)
Если кто-то может ответить на ваш вопрос в паблик чате в Телеге... то да, ближе к джуну )
Size: a a a
2021 February 20
YK
Привет. Как вставить класс в html 'mobile' если куки mobile==true в момент рендера? У меня в компьютерной версии навбар вверху, а в мобильной внизу. И при загрузке сайта происходит скачок навбара, сначала он вверху, потом внизу. Если рендерить на обычном шаблонизаторе, то просто встраиваешь значение локали, которая приходит с сервера, и html рендерится уже с классом mobile если в реквесте куки mobile==true
YK
YK
НО, это решение перезатирает другие классы. Как сделать, чтобы затирание не происходило?
a
Axios не отправляет запрос при загрузке первой страницы, после посещения других маршрутов и возврата на домашнюю страницу , все загружается из API. Какие-либо предложения? Спасибо!
PB
aiden
Axios не отправляет запрос при загрузке первой страницы, после посещения других маршрутов и возврата на домашнюю страницу , все загружается из API. Какие-либо предложения? Спасибо!
где вы вызываете axios?
a
где вы вызываете axios?
Axios вызывается на домашней странице index.vue в asyncData:
async asyncData({ $axios, $config }) {
const tk = $config.API_TOKEN
$axios.setToken(`Bearer ${tk}`)
const data = await $axios.$get('/api/categories/').catch(function(error){console.log('Your error:', error)});
return { categories: data }
},PB
aiden
Axios вызывается на домашней странице index.vue в asyncData:
async asyncData({ $axios, $config }) {
const tk = $config.API_TOKEN
$axios.setToken(`Bearer ${tk}`)
const data = await $axios.$get('/api/categories/').catch(function(error){console.log('Your error:', error)});
return { categories: data }
},пройдитесь по жизненному циклу, посмотрите, что когда отрабатывает. https://nuxtjs.org/docs/2.x/concepts/nuxt-lifecycle
мы в своем проект обычно используем fetch для иниализации vuex store
мы в своем проект обычно используем fetch для иниализации vuex store
NP
пройдитесь по жизненному циклу, посмотрите, что когда отрабатывает. https://nuxtjs.org/docs/2.x/concepts/nuxt-lifecycle
мы в своем проект обычно используем fetch для иниализации vuex store
мы в своем проект обычно используем fetch для иниализации vuex store
Для инициализации vuex есть nuxtServerInit)
PB
Для инициализации vuex есть nuxtServerInit)
Это хук на все приложение, если у вас есть данные, которые нужны для конкретной страницы , вы используете fetch
NP
А стор мне тогда зачем?
NP
Ну всм
NP
Зачем мне «инициализировать» стор в фетче?
NP
Если для кэша, то херовый подход у тебя.
PB
А стор мне тогда зачем?
вы вольны разрабатывать, как вам удобно. я лишь рассказал, как у нас. про кэш и хреновый подход, ничего не понял, если опишите подробнее свою мысль, готов с вами подискутировать)
YK
У меня есть невидимый инпут, который появляется только если state.searchMode === true. Я пытаюсь сделать
this.$store.commit("activateSearchMode");
this.$refs.searchInput.focus();
но фокуса на инпут не происходит, только если this.$refs.searchInput.focus(); обернуть в СетТаймаут. Но считаю это гавнокодом
this.$store.commit("activateSearchMode");
this.$refs.searchInput.focus();
но фокуса на инпут не происходит, только если this.$refs.searchInput.focus(); обернуть в СетТаймаут. Но считаю это гавнокодом
YK
Нашёл выход, я сделал экшен который возвращается промис, и .focus находится внутри then , т.е. после выполнения промиса
YK
Всем спасибо
М
У меня есть невидимый инпут, который появляется только если state.searchMode === true. Я пытаюсь сделать
this.$store.commit("activateSearchMode");
this.$refs.searchInput.focus();
но фокуса на инпут не происходит, только если this.$refs.searchInput.focus(); обернуть в СетТаймаут. Но считаю это гавнокодом
this.$store.commit("activateSearchMode");
this.$refs.searchInput.focus();
но фокуса на инпут не происходит, только если this.$refs.searchInput.focus(); обернуть в СетТаймаут. Но считаю это гавнокодом
Попробуй обернуть ref.searchinput.focus() в nextTick
i
ребят подскажите, мне бэк на ларе отдает endpoint на котором я получаю дерево ресурсов, мне нужно из json отрисовать данные в шаблоне, но бек просит чтобы запрос на их endpoint не был виден (или чтобы скрывались данные которые я получаю), как это можно реализовать и возможно ли?