Level 104
AFAIK with persistent layouts the Page and Layout are purposefully decoupled, so there is no direct communication between them; instead, you could use an Event Bus.
Aug 25, 2022
2
Level 25
Vue 3 Reload component in persistent layout
Hi Larapeeps,
I have a vue component which allows selection of a category what I want to do is reload another component which lives in a persistent layout:
BaseLayout -> Header -> Menu
BaseLayout:
<template><Header/> <slot/> <Footer/>
Header:
<template><Menu/><OtherStuff/></template>
PageComponent inherits the above from the PageComponent a modal is launched onMounted here a category is selected once selected the modal closes. What I need to do is reload the Menu component which is nested in the BaseLayout as shown above
Level 50
Emit and Listen Events (it will propagate up to Menu): https://vuejs.org/guide/components/events.html#emitting-and-listening-to-events
Please or to participate in this conversation.