Size: a a a

Nuxt.js — русскоговорящее сообщество

2020 December 13

YS

Yura Silanov in Nuxt.js — русскоговорящее сообщество
я поставил в стилях will-change: transform;
но толку никакого
источник

AS

Alexandr Sachishin in Nuxt.js — русскоговорящее сообщество
А транзишн стоит? Можешь поставить через setInterval
источник

YS

Yura Silanov in Nuxt.js — русскоговорящее сообщество
транзишн не стоит, он решает проблему с подергиванием, но мне надо чтобы без запоздания работало
источник

GD

Goncharenko Dmitry in Nuxt.js — русскоговорящее сообщество
Nikolay Koshkarev
Да
Больше проблем с мультиязычностью - пока не осилил как разделить переводы по маршрутам, что бы при этом lazy работало. Вроде все просто: в мидлваре подгружаем Новый кусок переводов для нужного языка, но так и не смог сделать, чтобы при первом заходе работало
Ну по идее нужно получать список материалов для генерации уже с указанием языка, то есть у тебя массив всех материалов и в каждом объекте материала кроме slug есть ещё language. А затем просто запускаем обход массива с генерацией страниц по пути /item.language/note/item.slug
Ну это в моём случае будет так. Потому что у меня папки такие:  pages/_lang/note/_slug.vue
источник

MK

Maxim Kostenko in Nuxt.js — русскоговорящее сообщество
Nikolay Koshkarev
Да
Больше проблем с мультиязычностью - пока не осилил как разделить переводы по маршрутам, что бы при этом lazy работало. Вроде все просто: в мидлваре подгружаем Новый кусок переводов для нужного языка, но так и не смог сделать, чтобы при первом заходе работало
Middleware вызывается только один раз - либо на сервере либо на клиенте. В вашем случае считается что она уже была вызвана на сервере. Вам просто переводы нужно было в data положить, ну или вообще прямо в asyncData их получать
источник

NK

Nikolay Koshkarev in Nuxt.js — русскоговорящее сообщество
Maxim Kostenko
Middleware вызывается только один раз - либо на сервере либо на клиенте. В вашем случае считается что она уже была вызвана на сервере. Вам просто переводы нужно было в data положить, ну или вообще прямо в asyncData их получать
проблема как раз другом. мидлвара вызывается при генерации, в ней есть что то вроде app.i18n.messages.ru = {} и в сгенерированной странице все ок, все на русском, но при первом заходе на страницу, в html содержится русский, а вот после гидаратации вместо значений ключей переводов отображаются сами ключи, при переключении языка на клиенте вызывается мидлвара и нужный язык подгружается и все отображается как надо. пока забил и сделал так, как написано в доке к nuxt/i18n
источник

NK

Nikolay Koshkarev in Nuxt.js — русскоговорящее сообщество
Но такое решение не нравится: переводы для всех страниц грузятся, т.е. нет разделения по маршрутам
источник

K

Kevin in Nuxt.js — русскоговорящее сообщество
Всем привет, и приятного выходного. Надеюсь мой вопрос его не испортит. Вопрос может быть тупейший, но меня как новичка он ставит в неизвестность.

У меня есть форма с инпутами которая отправляет некие данные (имя, возраст и т.д.). Я хочу эти данные диспатчить в store через asyncData. Но мне нужно их передавать по клику. А asyncData это не methods, и клик там не обработаешь. Собственно поэтому логика мне подсказывает что нужно этот asyncData вызывать из methods, а это как я прочитал невозможно. По всей видимости есть вариант сделать это и через middleware. Если это правильный подход, напишите да, и я пойду разбираться что это, и как через него передать данные в asyncData.
источник

MK

Maxim Kostenko in Nuxt.js — русскоговорящее сообщество
Nikolay Koshkarev
Но такое решение не нравится: переводы для всех страниц грузятся, т.е. нет разделения по маршрутам
Я для каждой страницы использую отдельный файл с переводами.
источник

NK

Nikolay Koshkarev in Nuxt.js — русскоговорящее сообщество
Maxim Kostenko
Я для каждой страницы использую отдельный файл с переводами.
да, в доке это есть. то же плохо - для каждой страницы есть файл, в котором содержатся ключи для всех языков (у меня порядка 20).
что хочется: для каждой страницы для каждого языка свой файл (не файл, а запрос к api, но не суть)
источник

NK

Nikolay Koshkarev in Nuxt.js — русскоговорящее сообщество
Kevin
Всем привет, и приятного выходного. Надеюсь мой вопрос его не испортит. Вопрос может быть тупейший, но меня как новичка он ставит в неизвестность.

У меня есть форма с инпутами которая отправляет некие данные (имя, возраст и т.д.). Я хочу эти данные диспатчить в store через asyncData. Но мне нужно их передавать по клику. А asyncData это не methods, и клик там не обработаешь. Собственно поэтому логика мне подсказывает что нужно этот asyncData вызывать из methods, а это как я прочитал невозможно. По всей видимости есть вариант сделать это и через middleware. Если это правильный подход, напишите да, и я пойду разбираться что это, и как через него передать данные в asyncData.
не понял, а зачем в asyncData передавать куда то форму?
источник

K

Kevin in Nuxt.js — русскоговорящее сообщество
Nikolay Koshkarev
не понял, а зачем в asyncData передавать куда то форму?
Данные с полей формы в store. У меня там запрос к REST API который через POST их добавляет в базу.
источник

NK

Nikolay Koshkarev in Nuxt.js — русскоговорящее сообщество
ну так на форме есть @submit = submitHandler , в методах есть submitHandler() { this.$store.dispatch('postForm')}
источник

MK

Maxim Kostenko in Nuxt.js — русскоговорящее сообщество
Nikolay Koshkarev
да, в доке это есть. то же плохо - для каждой страницы есть файл, в котором содержатся ключи для всех языков (у меня порядка 20).
что хочется: для каждой страницы для каждого языка свой файл (не файл, а запрос к api, но не суть)
источник

NK

Nikolay Koshkarev in Nuxt.js — русскоговорящее сообщество
а это при чем?
источник

K

Kevin in Nuxt.js — русскоговорящее сообщество
Nikolay Koshkarev
ну так на форме есть @submit = submitHandler , в методах есть submitHandler() { this.$store.dispatch('postForm')}
Я так обычно и делаю. Просто думал в nuxt есть другой способ. На этой неделе только разбираться начал с ним.
источник

MK

Maxim Kostenko in Nuxt.js — русскоговорящее сообщество
Опять никто ж не мешает разделить языки и сделать один файл для каждого языка
источник

MK

Maxim Kostenko in Nuxt.js — русскоговорящее сообщество
Nikolay Koshkarev
а это при чем?
Это готовое апи, но я так понял у вас уже есть что-то своё
источник

NK

Nikolay Koshkarev in Nuxt.js — русскоговорящее сообщество
Maxim Kostenko
Опять никто ж не мешает разделить языки и сделать один файл для каждого языка
ну да, должно быть чтото вроде вот этого https://kazupon.github.io/vue-i18n/guide/lazy-loading.html
но не смог пожинить с nuxt generate и модулем nuxt/i18n
источник

𝔹𝕂

𝔹𝕒𝕙𝕒 𝕂𝕒𝕚𝕪𝕣𝕓𝕖𝕜𝕠𝕧... in Nuxt.js — русскоговорящее сообщество
кто нибудь сталкивался с проблемой с nuxt-i18n
при переходе с "/" на "/contact" nuxt показывает контент главной страницы при это url меняется...?
источник