How does vue v-for make attribute values also be added dynamically?

how does up.value1 achieve the effect of up.value [index]? Similar to ups= [{value1}, {value2}, {value3}]

The

code is as follows:
clipboard.png

Mar.20,2021

are you going to recycle rendering el-switch? If so, just make sure that up.value is an object or an array v-for again. Refer to

<ul class="HRcertifyUl_out" v-for="(item,index) in certifyList" :key="index">
      <li class="HRcertifyLi_out" v-for="(itemL2,indexL2) in item.innerList2" :class="{active:itemL2.active}" :key="indexL2">
        <div class="HRoutTopArea" @click="listOutClick(item,itemL2)">
          <div class="HRoutBorderDiv">
            <div class="HRoutIcon">
              <Icon :type="itemL2.leftIcon" size="48"></Icon>
            </div>
            <div class="HRoutText">
              <p class="cnText">{{itemL2.tittle}}

</div> <div class="HRoutArrowIcon"> <Icon :type="itemL2.active?itemL2.rightIconActive:itemL2.rightIcon"></Icon> </div> </div> </div> <div class="HRoutBottomArea"> <ul class="HRcertifyUl_in"> <li class="HRcertifyLi_in" :class="{active:itemL3.active}" v-for="(itemL3,indexL3) in itemL2.list3" :key="indexL3" v-touch-ripple @click="listInClick(itemL3,indexL3);"> {{itemL3.name}} </li> </ul> </div> </li> </ul>
Menu