vue vant-ui 商品详情页tab切换内容

Question

<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的连接：https://youzan.github.io/vant...
它的例子是循环数字，我要做的是一个商品详情页，顶部tab有商品、详情、评论三个标签，点击不同的标签，下面切换不同的内容div，这个应该怎么写呢？

Answer 1

直接再定义一个变量例如act,设定值为当前打开页，使用v-model绑定这个值。点击的时候获取当前页面的值并替换成为act的值即可，望采纳