在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue vant-ui 商品詳情頁tab切換內(nèi)容

vue vant-ui 商品詳情頁tab切換內(nèi)容

<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...
它的例子是循環(huán)數(shù)字，我要做的是一個商品詳情頁，頂部tab有商品、詳情、評論三個標簽，點擊不同的標簽，下面切換不同的內(nèi)容div，這個應該怎么寫呢？

回答
編輯回答
任她鬧

可以直接寫啊,可以不用for.

<van-tabs :active="active">
      <van-tab>
        <div slot="title">商品</div>
        <div>商品情況</div>
      </van-tab>
      <van-tab>
        <div slot="title">詳情</div>
        <div>詳情內(nèi)容</div>
      </van-tab>
      <van-tab>
        <div slot="title">評論</div>
        <div>評論內(nèi)容</div>
      </van-tab>
    </van-tabs>
  export default {
  data () {
    return {
      active: 1
    }
  }
}
2018年1月2日 07:07
編輯回答
萢萢糖

直接再定義一個變量例如act,設定值為當前打開頁，使用v-model綁定這個值。點擊的時候獲取當前頁面的值并替換成為act的值即可，望采納

2018年4月12日 12:51