在vue上开发手机网页，使用vant的tabbar组件，
由于封装了tabbar代码，因此在发生切换时，tabbar将处于活动的初始选择状态，每次都是默认的零
经过多种方法的尝试，我们发现还可以最原始地将当前状态存储在本地存储中。
我最初使用的这个方法没有有效。 原因是什么呢？ 很简单
数据类型为Number，存储在Loaclstorage中，然后检索并成为字符串
可以看出，两种数据类型明显不同。
使用强制转换就可以了
this.active=number (local storage.getitem (active ) )另一个孔在打包后单击tabbar两次之前没有选择图标，第一次单击即可打开页面实验结果有两种图标
首先封装了组件，然后在一个页面上停止了使用
必须将他放入App.vue中，放弃使用，并通过监听途径判断需要在哪个页面上显示哪个页面
具体代码如下
//侦听器watch: {//方法1'$route'(to，from(//侦听路由为if (to.name==' integral '|to.name==' class '|) -底部----divv-if=' tabtype ' class=' ST-bottom ' bottoms _ two//div如果我在刷新后返回到初始状态，那么这就是我在当前tabbbbom _ two//div之后遇到的问题
具体代码如下
另外，请注意与上述相同的事项。 如果在存储布尔型数据后读取，则为字符串型。 请注意类型转换
created () this.tabtype=local storage.getitem (' tab ' )==='false '？ false : true }，第二种方法是继续单个页面引用，但在软件包底部的vue文件中进行确定
具体代码如下
created () if ) this.$route.name=='/' ) { this.active=0； } else if (this.$ route.name==' navigation ' ) { this.active=1； } else if (this.$ route.name==' refuel ' ) { this.active=2； }elseif(this.$route.name=='me ' ) { this.active=3； }