[youzan/vant-weapp]Tab 标签页的顺序混乱问题

问题1：

当载入时 data someValue=false

<van-tabs active="{{ active }}">
  <van-tab title="标签 1">内容 1</van-tab>
  <van-tab v-if="someValue" title="标签 2">内容 2</van-tab>
  <van-tab title="标签 3">内容 3</van-tab>
</van-tabs>

以上只会显示

标签1 标签3

当我过一会儿再改变 someValue=true 时，显示的标签变成了

标签1 标签3 标签2

问题描述 ：本来在中间的 标签2 跑到了最后

问题 2：

例如代码：

<van-tabs active="{{ active }}">
  <van-tab title="标签 1">内容 1</van-tab>
  <van-tab title="标签 2">内容 2</van-tab>
</van-tabs>

经过用户操作之后，我想插入一个新的标签页进去，比如变成

标签1 新标签 标签2

问题描述 ：我如何用代码动态的插入一个新标签在中间？

imyellow

可以通过设置数组来控制tab的顺序和展示情况：

<van-tabs active="{{ 1 }}" bind:change="onChange">
  <van-tab wx:for="{{ tabs }}" wx:key="index" title="{{ '标签 ' + item }}">
    <view class="content">{{ '内容' + item }}</view>
  </van-tab>
</van-tabs>

Eamonnzhang

第一个问题同问，题主解决了吗

WeiMouhui

第一个问题同问，题主解决了吗

van-tab 改用 v-for 的方式即可

imyellow

[youzan/vant-weapp]Tab 标签页的顺序混乱问题

回答