Recursive Side-nav Menu built with Vue.js (part 1)

[@mannyfay2524]

I'm on Vue 3 and it works! Thx for the awesome tutorial :)

[@RubenM4690]

thanks !!!

[@nourigadjanibrahim]

Idem for Vue 3 🙏

[@akbarhday]

Can I use this on vue 3?

[@farhanmahim]

Hello, I have a question. Where do you put the router links? for the vue router to go to a page?

[@CodingFibre]

Hi mate, you can replace the spans containing the labels by router links if you want to 😊

[@williamhardievbola2367]

You can do it like this: {{label}} But what I did is I add a props "route" in MenuItem.vue and add it to the instantiated MenuItem in Menu.vue then use it in router-link. This is useful if the label is different from the route name. **props in menuitem.vue** props: { label: { type: String, required: true }, icon: { type: String, }, depth: { type: Number, required: true }, data: { type: Array, }, route: { type: String, required: true } **Menuitem in Menu.vue ** ** router-link in MenuItem.vue** {{label}} Hope this helps you.

[@sun_412]

Thanks for the video, it was very helpful. How do I add a router to that menu?ㅜㅜ

[@CodingFibre]

Hi there, thanks for your feedback ! For routing, you can replace the spans containing the labels by router links, in pair with vue-router package !