Vue vant-ui Product details Page tab switch content

<van-tabs @click="goodDetailTab">
           <van-tab v-for="item in navArr" :title="item.name" :key="item.name">
              <div></div>
           </van-tab>
        </van-tabs>

  data(){
     return{
        navArr:[
          {
            name:""
          },
          {
            name:""
          },
          {
            name:""
          }
        ]
     }
   }

vant-tab connection: https://youzan.github.io/vant.
its example is a circular number, what I want to do is a product details page, the top tab has three tags of goods, details and comments, click on different tags, and then switch to different content div,.

Mar.22,2021

can be written directly without for.

  

how did the landlord solve it? I have the same problem as you

.
Menu