Vue路由router的使用

记录一下vue+vant在移动端为固定标签页时使用路由的方法。先看一下要实现的效果:
Vue路由router的使用
头部固定,点击头部标签也跳转到指定的页面,首先看一下router.js是怎么写的
Vue路由router的使用
在children下配置要跳转的目的页面的路径,path中不要用/。这里的active是vant组件中标签页的一个属性。
Vue路由router的使用
这里是跳转的页面,通过active的值去判断要跳转的页面路径。
Vue路由router的使用
这样就可以实现设计的功能。