vue van-tabs 設置默認選項


 <van-tabs type="card" animated swipeable sticky color:red   v-model="detail.postname">
              <van-tab v-for="(item,index) in tabs" :title="item.title"  :key="item.name" :name="item.name"  >
                <img :src="item.content" />
              </van-tab>

           </van-tabs>

  

 tabs: [
        {    name: '生產崗',    title: '生產崗',    content: '../../static/img/role_scg.png'
        },
        {    name: '營銷崗',    title: '營銷崗',    content: '../../static/img/role_yxg.png'
        },
        {    name: '服務崗',    title: '服務崗',    content: '../../static/img/role_fwg.png'
        },
        {    name: '研發崗',    title: '研發崗',    content: '../../static/img/role_yfg.png'
        },
        {    name: '管理崗',    title: '管理崗',    content: '../../static/img/role_glg.png'
        },
      ],

 查找了很多,后來發現很簡單,設置了

v-model就可以設置默認選項


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。