在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 關(guān)于多層循環(huán)的問題

關(guān)于多層循環(huán)的問題

1.形如以下數(shù)據(jù)結(jié)構(gòu)

 data: [{
        id: 1,
        name: '菜單1',
        list: [{
            id: 10,
            name: '2級菜單1'
          },
          {
            id: 11,
            name: '2級菜單1'
          },
          {
            id: 12,
            name: '2級菜單1'
          },
        ]
      },
      
      {
        id: 2,
        name: '菜單2',
        list: [{
            id: 20,
            name: '2級菜單1'
          },
          {
            id: 21,
            name: '2級菜單1'
          },
          {
            id: 22,
            name: '2級菜單1'
          },
        ]
      },

      {
        id: 3,
        name: '菜單3',
        list: [{
            id: 30,
            name: '2級菜單1'
          },
          {
            id: 31,
            name: '2級菜單1'
          },
          {
            id: 32,
            name: '2級菜單1'
          },
        ]
      }
    ],
    

2.如果是第一層循環(huán),可以根據(jù)index去激活當前的樣式或者做當前項的邏輯,但是內(nèi)層循環(huán)出來,那些2級菜單該如何去激活樣式呢,index肯定是不行的

回答
編輯回答
青瓷

圖片描述

先上圖,如果你可以從圖中看明白就不用看一下內(nèi)容了、、、、、
主要思路-----》有兩個值來記錄點擊子菜單的選中狀態(tài),當點擊每一個子菜單時,需要把父級的index和list的index更新到該組件的data里面,即可實現(xiàn)。。

2017年2月3日 19:16
編輯回答
瘋子范
2017年1月20日 20:28
編輯回答
耍太極

vue的select group你可以去看看

2017年3月26日 13:04
編輯回答
涼汐

可以選擇做一個遞歸,或者只有定死的2級菜單,直接加一個判斷就好了.

2017年4月10日 16:25
編輯回答
單眼皮

沒太明白你的需求,

給個建議吧,二級菜單的時候,用一層循環(huán)的id加上二層循環(huán)的index作為唯一的標識來激活樣式

不知道這樣能否滿足你的需求

2018年6月19日 16:07
編輯回答
愛礙唉

遞歸完勝!

先利用將所有的菜單都獲取到(變成平級菜單)
 
然后根據(jù)當前路由的菜單來激活樣式
      
2018年3月11日 01:31
編輯回答
痞性

采用遞歸好點

2018年3月13日 06:16