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

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b3c6e3-2c31d.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b3c6e3-2c31d.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?