Всем привет! Если App.vue выглядит как на картинке, то у

Question

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

McLotos

Всем привет! Если App.vue выглядит как на картинке, то у

компонентов, которые выводятся в <router-view> есть какой-то способ что-то выводить в header?

#frontend #javascript #programming #russian #vue.js

0

06.10.2023

9 ответов

21 просмотр

McLotos Автор вопроса

ну то есть роутер же выводит в router-view содержимое компонента, который отвечает за текущую страницу. А у этого компонента есть какой-то способ вывода в header? В документации по слотам такой способ почему-то я не нашел, можно попробовать через refs, но я с ними никогда не работал 🤷

0

06.10.2023

McLotos Автор вопроса

Павел Якупов
Как насчёт через router чекать какая страница сейч...

вот, например, роут { name: 'Registration', path: '/registration', alias: '/signin', component: Registration, meta: { title: { ru: 'Регистрация', en: 'Registration' }, requiresAuth: false } }, там форма регистрации. Допустим, я хочу чтобы форма регистрации выводила сообщения об ошибках в header

0

06.10.2023

McLotos Автор вопроса

McLotos
вот, например, роут { name: 'Registratio...

можно через store выводить, но мне нужно именно чтобы вёрстку компоненты могли подставлять

0

06.10.2023

Павел Якупов

Просто через v-if и связь со стором чем плоха?

0

06.10.2023

McLotos Автор вопроса

Павел Якупов
Просто через v-if и связь со стором чем плоха?

ну нет. это не то. у меня есть фильтр (целая форма фильтрации)), каждый компонент, который подставляется через router, создаёт для себя свой фильтр и мне нужно, чтобы выводились именно через slot name="header" а не в шаблоне самого компонента-страницы

0

06.10.2023

McLotos Автор вопроса

McLotos
ну нет. это не то. у меня есть фильтр (целая форма...

то есть сейчас все фильтры выводятся внутри main так как router-view установлен именно туда, а я бы хотел для каждой страницы фильтр пробрасывать в header шаблона

0

06.10.2023

Artyom Tuchkov

McLotos
то есть сейчас все фильтры выводятся внутри main т...

любое на выбор: 1. Teleport 2. вызывать хедер непосредственно на странице и подставлять туда что угодно 3. provide/inject с 2 компонентами, где 1 будет вызываться на конкретной странице и добавлять контент через слоты, а второй будет вызываться в хедере и брать эти слоты из переменной, которую провайднули

0

06.10.2023

McLotos Автор вопроса

Artyom Tuchkov
любое на выбор: 1. Teleport 2. вызывать хедер не...

блин! точно! прот teleport я совсем забыл! спасибо!

0

06.10.2023

Павел Якупов · Accepted Answer

Павел Якупов

McLotos
ну то есть роутер же выводит в router-view содержи...

Как насчёт через router чекать какая страница сейчас и обновлять контент?

0

06.10.2023

169 похожих чатов

Всем привет! Если App.vue выглядит как на картинке, то у

9 ответов

Похожие вопросы