vue遞迴元件實現渲染無限級子選單

2021-10-21 00:15:25 字數 740 閱讀 6293

最開始我的思路就是去寫js的遞迴,琢磨了半天資料是出來了,我不曉得怎麼去渲染,噗嗤,說來也尷尬,好在危難之際看見了一位大佬詳細解說,一頓操作,嘩嘩就出來了。

終究還是我太菜。。。。

vue遞迴元件還是很nice的哦

首先,常規操作請求後台介面拿到資料(或者定義乙個假資料的陣列)

這是我資料結構:

父級陣列裡面有乙個變數,這個變數裡面的資料就是子元件,同理,這個子元件也有乙個相同的變數是子子元件哈。。。。。。

父元件:主要**(莫忘記components這個子元件哈)

上圖**沒辦法正確渲染**以下子選單,只能正確渲染到二級,下圖為修改後的**(父元件的**不變)

修改後的子元件:

我也是看見乙個大佬的**給了我靈感 噗嗤

但是上圖**是我自己的哈,參考哈,如有不足多多指教。

vue遞迴元件實現

需求 需要顯示不確定層級不確定值型別 可能是陣列裡有物件,物件裡有資料 的資料 資料結構如下 registered address registered address in full 241 rue jarry e montr al qu bec h2p1t6 canada industry co...

PHP遞迴實現無限級分類

在一些複雜的系統中,要求對資訊欄目進行無限級的分類,以增強系統的靈活性。那麼php是如何實現無限級分類的呢?我們在本文中使用遞迴演算法並結合mysql資料表實現無限級分類。在一些複雜的系統中,要求對資訊欄目進行無限級的分類,以增強系統的靈活性。那麼php是如何實現無限級分類的呢?我們在本文中使用遞迴...

PHP實現遞迴無限級分類

在一些複雜的系統中,要求對資訊欄目進行無限級的分類,以增強系統的靈活性。那麼php是如何實現無限級分類的呢?我們在本文中使用遞迴演算法並結合mysql資料表實現無限級分類。遞迴,簡單的說就是一段程式 的重複呼叫,當把 寫到乙個自定義函式中,將引數等變數儲存,函式中重複呼叫函式,直到達到某個條件才跳出...