快捷搜索:

详解Nuxt内导航栏的两种实现方式

详解Nuxt内导航栏的两种实现方式

  所以,我们的文件夹也为index,index文件夹需要一个默认的页面不然nuxt的路由规则就不能正确匹配页面

  这里就拿官方demo改了一下,可以看到,切换路由的时候,只有子路由页面是变换的,父路由部分是没有变换的

  创建页面的过程就不一一细说了,具体就是文件夹下面一个index.vue,router就会读这个index为路由指定的页面

  问题出现了,虽然我们的路由变换了,但是导航栏的状态确没有同步,因为路由跳转的时候,组件状态会刷新,所以这个时候,需要共享状态,所以,我这里用的是vuex

  我们把状态同步到vuex中ASP编程,这样每次页面进来的时候,直接读取vuex中的数据,就可以同步导航栏状态栏了编程代码大全手机编程软件

您可能还会对下面的文章感兴趣: