鍍金池/ 問答/HTML/ vue v-for怎么讓屬性值也是動(dòng)態(tài)添加的呢？

vue v-for怎么讓屬性值也是動(dòng)態(tài)添加的呢？

up.value1的怎么實(shí)現(xiàn)up.value[index]這樣的效果？類似ups=[{value1}，{value2},{value3}]

代碼如下：
clipboard.png

回答
編輯回答
久舊酒

你是要再循環(huán)渲染el-switch么? 如果是,確保up.value是對象或者是數(shù)組再次v-for就好。參考一下

<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}}</p>
            </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>
2017年3月25日 18:23