Vue遞迴元件

2021-10-04 16:11:42 字數 699 閱讀 9335

遞迴元件:在父元件內巢狀子元件,子元件無限迴圈使用自己,用於樹狀結構的巢狀

(1).分為子元件son和父元件father(這裡的話我寫的是頂級只能有乙個根元素)

father.vue檔案

第一層級<

/li>

'list'

/>

<

/ul>

<

/template>

export

default]}

]}}}

<

/script>

son.vue檔案

='son'

>

for=

"item in list"

>第一層級<

/li>

'item.child' v-if=

'list.length'

/>

<

/ul>

<

/template>

export

default

<

/script>

2.新增一些事件
主要是通過子父和父子通訊,如果該一整個作為乙個元件,同時涉及和其他頁面資料的操作,最好用vuex去管理整個狀態

vue遞迴元件實現

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

72Vue 遞迴元件

元件在它的模板內可以遞迴地呼叫自己,不過,只有當它有 name 選項時才可以 name unique name of my component 當你利用vue.component全域性註冊了乙個元件,全域性的id作為元件的 name 選項,被自動設定.vue.component unique nam...

Vue中元件的遞迴

先來說下需求,就是乙個表單,會有樹形結構一樣,會有子表單,表單顯示什麼內容是後台通過介面資料來確定的 這個時候就和樹形結構一樣,肯定會有子元件的遞迴 這次是自己第一次寫遞迴,遇到了三個問題記錄下 1 第乙個問題就是,迴圈表單 看下圖 然後這裡的資料返回的是這樣的 說明下資料字段的含義 name屬性算...