Vue routing Jump problem

demand:

footer

my attempt:

mountedfooter
    (: (footer))
    

is currently a project from vue-cli, with vue-router.

solve. (it is hoped that each route jump will determine whether it is a details page, and if so, hide the bottom.)

Apr.07,2021

you can try the beforeRouteEnter hook function in the details component,

beforeRouteEnter(to, from, next) {
     footer 
}
main.jsRouter.beforeEach(to, from, next) {
    to.path footer
    
    next() next
}

<footer v-if="$store.state.blFooter"><footer>

beforeRouteEnter


clipboard.png




index.vue


footer


1:meta isShowBottomTab
clipboard.png


2:beforeEach vuex store

clipboard.png


3footertab computed store isShowBottomTab

clipboard.png


4footer v-show="isShowBottomTab" footer
clipboard.png

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b38724-344c4.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b38724-344c4.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?