mpvue中使用vant的tab时使用slot不起作用？

Question

<van-tabs v-model="active">
  <van-tab v-for="(item,index) in tabs" :key="index">
    <div class="tab-title" slot="title" @click="onClick(item)">{{ item.name }}</div>
    <div class="tab-content">{{item.name}}</div>
  </van-tab>
</van-tabs>

界面上的tab的文字没有出来，content的内容就出来了，而且onClick事件也没执行
这个是怎么回事呢？网上找的代码都是这样写，是哪里出问题了吗.....

Answer 1

这个本来是想在点击tab的时候获取到当前tab的id来通过id执行事件，经过查询发现不需要这样做，可以直接按照官方的方法写，然后通过change方法能获取到当前的tab的index，然后再通过当前的tab的index来获取id，就是有点麻烦而已

<van-tabs @change="clickTabs">
  <van-tab v-for="(item, index) in tabs" :key="index" :title="item.name">{{item.content}}</van-tab>
</van-tabs>

mpvue会把detail数据封装都event.mp.detail中：
clickTabs(event) {
  console.log(event.mp.detail.index)
}