проблемы - изменять заголовок в зависимости от текущей страницы
шаблон основного компонента
<template>
<div id="app">
<Header class="header" v-bind:title="title" />
<div class="wrapper">
<router-view />
</div>
<Footer class="footer" />
</div>
</template>
как мне передать заголовок из компонента что подставляется в router-view в основной шаблон, чтобы потом передать его в header через title?
я читал про $emit, но его используют для реакцию на события, а мне нужно просто строку передать
то емить событие в хуке готовности компонента
вроде так, я счас не за компом, мож на сайте вью глянуть синтаксис
да вроде все так, но все равно ничего не передается, видимо, в логике ошибка где-то
А почему именованные роуты не использовать ?
я ток начал вью изучать сейчас у меня все роуты в отдельном файле прописаны
подсткажите, плз
Если не используете vuex тогда $emit
https://router.vuejs.org/ru/guide/essentials/named-routes.html
у меня роуты работают, они в отдельном файле все прописаны
Ну так получи в компоненте this.$route.name, и не прийдется эмит делать в дочернем компоненте
первый скрин это какой компонент?
родительский, в который переменная передается слева дочерний, он через роут отображается
Как тайтл используется потом ?
а почему тогда листенер на хедере?
а, да, спасибо, теперь заработало)
в хедере подставляется
Обсуждают сегодня