Vue tabs选项卡

template

 <div>
    <ul class="offic_product_article">
      <li class="offic_product_article_li" @click="tabId=0">智牧后台管理系统</li>
      <li class="offic_product_article_li" @click="tabId=1">智牧项圈</li>
      <li class="offic_product_article_li" @click="tabId=2">挤奶机</li>
      <li class="offic_product_article_li" @click="tabId=3">旧设备智能升级</li>
    </ul>
    <div class="offic_product_con_one" v-if="tabId===0"></div>
    <div class="offic_product_con_three" v-if="tabId===1"></div>
    <div class="offic_product_con_three" v-if="tabId===2"></div>
    <div class="offic_product_con_four" v-if="tabId===3"></div>
  </div>

data

 tabId:0,