Vue学习随笔

VUE

  • 关于webapp的底部导航栏,有些子页面不需要显示,或者显示其他底部导航,一开始是通过vuex在state中存了一个状态值,在各个组件created生命周期中获取相关状态值并根据是否需要显示改变(如:this.$store.state.showBottomNav)。
  • 但是这样会出现一种情况:当从一个状态值设置为true的页面跳转到状态值为false的页面,通过created中设置this.$store.state.showBottomNav = false改变状态值,不显示底部导航。当点击返回键返回上一个页面时,底部导航就不显示了。
  • 因为TODO(这里涉及到Vue Router的路由相关知识,待补充),之前改变了底部导航状态showBottomNav为false,返回路由上一个路径时,并不会再次执行该组件生命周期???所以state仓库里的showBottomNav状态值并没有改变。
    • 目前办法是:将showBottomNav状态值,放在route.js各个路由的meta元信息中,这样跳转到相关路由就不会出现上述情况了。