Vue v-for needs to add "unlimited" in front of each classified data to obtain api data.

1. Acquired data

you need to add "unlimited" to the typeList,gradeList,glossList, data
the effect is as follows

  <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>
Mar.10,2021
After the

API acquires the data, you can directly unshift the "unlimited" data into the typeList array, and then render it.


Please describe the problem clearly

Menu