在开发移动端项目时,会遇到很多的tab切换的需求,目前自己开发的项目不是很多,所以经验不是很足,于是自己就简单写了一个tab切换,原理就是使用vue中的v-if来实现,
但是,开发完之后,发现用户体验效果不是很好,比如当用户从第某一个tab的列表中进入详情页时,在返回列表页时,tab默认的选中了第一个tab栏,所以这样的用户体验就很差。
后来总结了一个经验,在开发项目时,遇到这种情况,可以使用子路由进行解决,即在路由配置中,要使用chilren进行配置
看代码:
router.js中的配置:
布局代码: 主要使用router-view实现动态改变组件
这样的tab切换,才算是正常开发的一个tab切换的思路,不会出现开篇我讲的那个问题了, 这样写就没有什么毛病了,还是需要在开发中进行都反思,多总结!
有写的不好的地方,希望大佬们多多指点!