vuex+vant实现table页进入详情页再次返回到对应的table页

先看页面效果和代码

四个table页我是单独写的
页面样式


store.js

首先我们在store.js中设置全局的state对象tabNumber，在点击table页中列表页进入详情的时候，我们修改vuex中的tabNumber,因为vant中的table页中的active从0开始，为了方便，我们设置vuex中的tabNumber从0开始，依次递增。在返回的时候，我们将active修改成vuex中的tabNumber，这样就能实现我们需要达到的效果了。

详情页代码的返回逻辑和列表页接收active


详情页修改vuex中的tabNumber
列表页获取修改后的tabNumber

自我感觉自己的方法有点不合适，但是也没有找到别的好的办法，希望大家指导

详细代码在https://gitee.com/luwei18355125856/demo.git

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容