van-tabs v-model

van-tabs是一个基于Vue.js的标签页组件，可以通过设置v-model来实现与当前选中标签页的双向绑定。 这意味着你可以使用v-model指令来绑定一个数据属性，以便在代码中获取和修改所选中的标签页。

例如，你可以像下面这样使用van-tabs组件：

<van-tabs v-model="active">
  <van-tab title="标签 1" name="a">内容 1</van-tab>
  <van-tab title="标签 2" name="b">内容 2</van-tab>
  <van-tab title="标签 3" name="c">内容 3</van-tab>
</van-tabs>

在这个例子中，active是一个在data属性中定义的变量，用来表示当前选中的标签页。你可以通过修改active的值来改变所选中的标签页，并且标签页的内容会根据所选中的标签页动态切换显示。

如果你希望实现滑动切换标签页的功能，可以设置swipeable属性为true：

<van-tabs v-model="active" swipeable>
  <van-tab v-for="index in 4" :title="'选项 ' + index">内容 {{ index }}</van-tab>
</van-tabs>

这样，用户就可以通过滑动手势来切换不同的标签页了。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [Vant Tab标签页](https://blog.csdn.net/yenange/article/details/124154218)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* [vant Tab标签](https://blog.csdn.net/Nine_91/article/details/124614044)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]