vant中van-tabs使用中的小问题

1. 怎么去掉默认选中的效果

• van-tabs默认情况下启用第一个标签，实际开发中不满足需求，想要点击后再进行选中

解决办法

• 首先，在标签组数中，添加一个占位标签
• 在样式中设置首个标签不显示
• 代码如下：

//js 实际有意思的数据就是arr[1]
let arr = [
    {
        "name": "",
        "title": "全部",
    },
    {
        "title": "经营管理",
        "name": "abc"
    }
]

//css
<style  lang="scss">
            :deep(.van-tab:first-of-type) {
                display: none;
            }
</style>

2.标签默认居中展示

• 默认标签是居中展示，当标签数量比较少，比如一个的时候，标签还有几层嵌套时，就很奇怪，如图1
  

  改成左对齐就好一些，如图2
  

.van-tab {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

3.嵌套层级多，会出现点击切换标签，不切换的现象，嵌套最好不要超过2层，亲测3层就不太灵了