SL
Мы же вроде про автоматическое набивание крошек говорим
Size: a a a
2020 June 26
SL
Снова в студию вопрос о хлебных крошках (breadcrumbs).
Судя по комментариям люди чаще всего используют store для этих целей (по аналогии с этой статьей - https://habr.com/ru/post/491018/)
Meta-информацию все-таки никак нельзя вытащить в nuxt -> чаще всего используются костыльные решения с middleware и перебором route.matched.
Кто-то находил более изящный подход для их реализации? Буду благодарен если поделитесь.
Судя по комментариям люди чаще всего используют store для этих целей (по аналогии с этой статьей - https://habr.com/ru/post/491018/)
Meta-информацию все-таки никак нельзя вытащить в nuxt -> чаще всего используются костыльные решения с middleware и перебором route.matched.
Кто-то находил более изящный подход для их реализации? Буду благодарен если поделитесь.
Глобальный миксин, а в нём:
created() {
if (this.$options.head) {
this.breadcrumbs.push(this.$options.head().title)
},
inject: ['breacrumbs']
}
В лейауте добавить
data() {
return {
breadcrumbs: {
items: [],
push: (item) => this.breadcrumbs.push(item)
}
}
},
provide() {
return {
breadcrumbs: this.breadcrumbs
}
}
Там где нужно вывести добавить:
inject: ['breadcrumbs']
{{ breadcrumbs.items }}
created() {
if (this.$options.head) {
this.breadcrumbs.push(this.$options.head().title)
},
inject: ['breacrumbs']
}
В лейауте добавить
data() {
return {
breadcrumbs: {
items: [],
push: (item) => this.breadcrumbs.push(item)
}
}
},
provide() {
return {
breadcrumbs: this.breadcrumbs
}
}
Там где нужно вывести добавить:
inject: ['breadcrumbs']
{{ breadcrumbs.items }}
SS
Приветствую, кто нить юзает nuxt ssr в связке с laravel в качестве API?
Можно ли как то пробрасывать внутрь nuxt'a ларовский CSRF токен? Версия лары 6.х, поэтому sanctum воткнуть не получится
Можно ли как то пробрасывать внутрь nuxt'a ларовский CSRF токен? Версия лары 6.х, поэтому sanctum воткнуть не получится
A
Глобальный миксин, а в нём:
created() {
if (this.$options.head) {
this.breadcrumbs.push(this.$options.head().title)
},
inject: ['breacrumbs']
}
В лейауте добавить
data() {
return {
breadcrumbs: {
items: [],
push: (item) => this.breadcrumbs.push(item)
}
}
},
provide() {
return {
breadcrumbs: this.breadcrumbs
}
}
Там где нужно вывести добавить:
inject: ['breadcrumbs']
{{ breadcrumbs.items }}
created() {
if (this.$options.head) {
this.breadcrumbs.push(this.$options.head().title)
},
inject: ['breacrumbs']
}
В лейауте добавить
data() {
return {
breadcrumbs: {
items: [],
push: (item) => this.breadcrumbs.push(item)
}
}
},
provide() {
return {
breadcrumbs: this.breadcrumbs
}
}
Там где нужно вывести добавить:
inject: ['breadcrumbs']
{{ breadcrumbs.items }}
Глобальный миксин в таком случае импортируется в layout и прописывается в mixins?
SL
Глобальный миксин в таком случае импортируется в layout и прописывается в mixins?
Нет, миксин устанавливается через Vue.use({ install(Vue) { Vue.mixin(myMixin) } })
SL
Кстати провайдить можно прямо в миксине, но тогда надо стейт сделать как Vue.observable
SL
Правда есть риск шеред стейта
SL
Тут надо дополнительно тестировать
A
breadcrumbs: {
items: [],
push: (item) => this.breadcrumbs.push(item)
}
Здесь push метод в рекурсию входит?) Или он использует хлебные крошки из миксина?
items: [],
push: (item) => this.breadcrumbs.push(item)
}
Здесь push метод в рекурсию входит?) Или он использует хлебные крошки из миксина?
V💊
Нет, миксин устанавливается через Vue.use({ install(Vue) { Vue.mixin(myMixin) } })
миксииин, фууу ;)
SL
Этот метод я для удобства сделал, можете напрямую писать this.breadcrumbs.items.push()
EV
Приветствую, кто нить юзает nuxt ssr в связке с laravel в качестве API?
Можно ли как то пробрасывать внутрь nuxt'a ларовский CSRF токен? Версия лары 6.х, поэтому sanctum воткнуть не получится
Можно ли как то пробрасывать внутрь nuxt'a ларовский CSRF токен? Версия лары 6.х, поэтому sanctum воткнуть не получится
Юзаю, так не выйдет, используй апи токен и все, csrf не нужен. Поотключай в конфига санткама все, чтобы он только как апи работал
SS
Evgeny V
Юзаю, так не выйдет, используй апи токен и все, csrf не нужен. Поотключай в конфига санткама все, чтобы он только как апи работал
т.е., одинаковый для всех запросов?
EV
Ну так он так и работает, в чем проблема?
EV
В куках храни токен и при первой загрузке бери токен из кук и отправляй по аксиос из стора nuxtserverinit на api санткама
SS
обычные API токены только для авторизации юзеров же, тут понятно
санктума нет в 6 ларе, в том и дело🌚на 7 обновлять проект не рискну
санктума нет в 6 ларе, в том и дело🌚на 7 обновлять проект не рискну
EV
Используй тогда oauth или поставь jwt-token
SS
получается просто вырубаем csrf в отличие от обычной ларки и погнали🌚у меня просто щас прила обращается не к
/api/ а к обычным роутам (в процессе перепиливания с обычной лары на нукст)EV
Лучше конечно обнови проект, там же ничего такого, главное на копии тести, лучше всего конечно через докер