Size: a a a

Nuxt.js | Vue SSR

2021 February 04

КГ

Кирилл Голубев... in Nuxt.js | Vue SSR
Vlad
v-if=“$te(‘key’) && $t(‘key’)”
$t(‘key’) вернёт имя ключа, если нет значения
источник

ДА

Данила Александров... in Nuxt.js | Vue SSR
Кирилл Голубев
всесм привет, а вот в vue-i18n есть метод $te проверяющий сущестоваование ключа, я надеялся, что если ключ есть, но значение у него пустое, то $t будет вощвращать пустоту, а он вместо этого возвращает имя ключа. Есть какой-нибудь метод который провенряет есть ли у ключа значение?
проверяй и на пустоту и на наличие, и сравнивай не равно ли "значение" ключу
источник

V

Vlad in Nuxt.js | Vue SSR
а, стоп, точно
источник

MK

Maxim Kostenko in Nuxt.js | Vue SSR
Кирилл Голубев
$t(‘key’) вернёт имя ключа, если нет значения
app.i18n.missing = (locale, key, vm, values) => {
   
return ‘something’
};
источник

КГ

Кирилл Голубев... in Nuxt.js | Vue SSR
Данила Александров
проверяй и на пустоту и на наличие, и сравнивай не равно ли "значение" ключу
сейчсас если значение пустоке, то он возвращет имя ключа, но почему-то без первого слова ключа
источник

MK

Maxim Kostenko in Nuxt.js | Vue SSR
Но мне казалось что пустую строку должно было возвращать
источник

КГ

Кирилл Голубев... in Nuxt.js | Vue SSR
Maxim Kostenko
app.i18n.missing = (locale, key, vm, values) => {
   
return ‘something’
};
это значение по дефолту если у ключа нет значения?
источник

MK

Maxim Kostenko in Nuxt.js | Vue SSR
Да
источник

M

Maks in Nuxt.js | Vue SSR
koeshiro kagami
beforeRouteUpdate в product / catalog или beforeEnter
Такой подход подразумевает исключение дефолтного файлового роутинга, который идёт из коробки в Nuxt, и мы пишем конфиг сами, я правильно понял? Так как необходимо создавать const router = new VueRouter({ ... })
источник

КГ

Кирилл Голубев... in Nuxt.js | Vue SSR
Maxim Kostenko
Но мне казалось что пустую строку должно было возвращать
я тоже думал, что будет пустая строка, но вот по скрину видите как оно выходит
источник

ДА

Данила Александров... in Nuxt.js | Vue SSR
Данила Александров
Должно сработать, но только в теории, попробуй пока просто на subcategory поставить return false, а _product return true. А потом проверяй через базу куда стучит юзер
У тебя вот так не получилось ?
источник

ДА

Данила Александров... in Nuxt.js | Vue SSR
Maks
Такой подход подразумевает исключение дефолтного файлового роутинга, который идёт из коробки в Nuxt, и мы пишем конфиг сами, я правильно понял? Так как необходимо создавать const router = new VueRouter({ ... })
.
источник

kk

koeshiro kagami in Nuxt.js | Vue SSR
Maks
Такой подход подразумевает исключение дефолтного файлового роутинга, который идёт из коробки в Nuxt, и мы пишем конфиг сами, я правильно понял? Так как необходимо создавать const router = new VueRouter({ ... })
Нет. Это ты прописываешь непосредственно в конечных компонентах. Способ быстрый, но не самый идеальный если у тебя есть хоть малейшая лапша в получении данных.
источник

MK

Maxim Kostenko in Nuxt.js | Vue SSR
Кирилл Голубев
я тоже думал, что будет пустая строка, но вот по скрину видите как оно выходит
Можно еще просто добавить key !== $t(key)
источник

R

RusaXXX in Nuxt.js | Vue SSR
Народ а как дела обстоят с breadcrumbs, помню раньше было плохо. Сейчас также?
источник

kk

koeshiro kagami in Nuxt.js | Vue SSR
RusaXXX
Народ а как дела обстоят с breadcrumbs, помню раньше было плохо. Сейчас также?
Оно всегда сложно.
источник

M

Maks in Nuxt.js | Vue SSR
Данила Александров
У тебя вот так не получилось ?
Вникал в твой ответ. Что я сейчас изучал, это вот такую вещь


<router-link
 to="/catalog/category/product"
 v-slot="{ href, route, navigate, isActive, isExactActive }"
>
 <NavLink :active="isActive" :href="href" @click="navigate"
   >Product Name</NavLink
 >
</router-link>
И тут в navigate уже прописывать поведение для Роута, что ты по url /catalog/category/subcategory иди, но шаблон бери продуката
источник

ДА

Данила Александров... in Nuxt.js | Vue SSR
Maks
Вникал в твой ответ. Что я сейчас изучал, это вот такую вещь


<router-link
 to="/catalog/category/product"
 v-slot="{ href, route, navigate, isActive, isExactActive }"
>
 <NavLink :active="isActive" :href="href" @click="navigate"
   >Product Name</NavLink
 >
</router-link>
И тут в navigate уже прописывать поведение для Роута, что ты по url /catalog/category/subcategory иди, но шаблон бери продуката
С ней получилось ?
источник

M

Maks in Nuxt.js | Vue SSR
Данила Александров
С ней получилось ?
Нет, говорю вначале прочитал ваши ответы, понял что ничего не понял =) Дошел до такого подхода, что скинул выше, вернулся к вашим ответам, стал уточнять.
Просто мне кажется это должно часто втречаться когда на определенном уровне вложенности встречается статика, и два вида динамики, одна ведей дальше в глубину вложенности, другая останавливается. Поэтому думал что это частый вопрос который приходится решать в проектах
источник

ДА

Данила Александров... in Nuxt.js | Vue SSR
смотри
источник