鍍金池/ 問答/PHP  HTML/ vue v-for 獲取api數(shù)據(jù) 需要在每個分類數(shù)據(jù)前加“不限制”

vue v-for 獲取api數(shù)據(jù) 需要在每個分類數(shù)據(jù)前加“不限制”

1.獲取的數(shù)據(jù)
圖片描述

需要在 typeList,gradeList,glossList, 數(shù)據(jù)前添加“不限制”
效果如下圖
圖片描述

  <div class="tab-bg">
    <div class="tab-nav" v-for="(item,index) in tabs" :key="index" :class="{active:index == num}" @click="tab(index)">{{item}}</div>
  </div>
  <div class="tab-content" v-for='(itemCon,index) in tabContents' :key="index" v-show=" index == num " >
    <div class="tab-content-param" @click="clickText1($event)">不限制</div>
    <div class="tab-content-param" v-if="num == 0" v-for='(item,index) in filter.typeList' :key="index">{{item}}</div>
    <div class="tab-content-param" v-if="num == 1" v-for='(item,index) in filter.fineAndPoreVoList' :key="index">{{item}}</div>
    <div class="tab-content-param" v-if="num == 2" v-for='(item,index) in filter.glossList' :key="index">{{item}}</div>
    <div class="tab-content-param" v-if="num == 3" v-for='(item,index) in filter.gradeList' :key="index">{{item}}</div>
  </div>
回答
編輯回答
殘淚

接口獲取數(shù)據(jù)后,你對數(shù)據(jù)處理下啊,直接把 "不限制" unshift 到 typeList 數(shù)組里,然后你再進行渲染不就行嗎

2018年3月22日 21:29
編輯回答
生性

請描述清楚問題

2017年8月13日 22:11