vue v-for怎么让属性值也是动态添加的呢?

up.value1的怎么实现up.value[index]这样的效果?类似ups=[{value1},{value2},{value3}]

代码如下:
clipboard.png

阅读 4.6k
1 个回答

你是要再循环渲染el-switch么? 如果是,确保up.value是对象或者是数组再次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>
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题