[Vuejs]-Vuejs trying to disable the global component of navbar and footerbar when on certain route

by

0👍

✅

I solved the problem, the HeaderBar part is correct FooterBar part was not working. Did the same as I did with the HeaderBar, and it was working. Also did not notice on deployment the route changes from ‘/page’ to ‘/’page/’.

0👍

Try replacing this.$route.path with this.$nuxt.$route.path.

Also I would suggest to write it like so:

this.FooterHide = this.$nuxt.$route.path === '/page' ? false : true

or even

this.FooterHide = this.$nuxt.$route.path !== '/page'

Leave a comment