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

相关文章:

  • 2022-01-20
  • 2022-03-01
  • 2021-07-08
  • 2022-12-23
  • 2021-07-11
  • 2021-05-22
  • 2022-02-08
  • 2021-05-31
猜你喜欢
  • 2021-08-29
  • 2022-01-01
  • 2021-08-05
  • 2022-02-03
  • 2021-06-01
  • 2022-12-23
  • 2021-10-10
相关资源
相似解决方案