vue遞迴元件實現

2021-10-10 09:01:10 字數 632 閱讀 3961

需求:需要顯示不確定層級不確定值型別(可能是陣列裡有物件,物件裡有資料)的資料

資料結構如下:

,

"registered_address":,

"registered_address_in_full":"241 rue jarry e montréal (québec) h2p1t6 canada",

"industry_codes":[}],

"restricted_for_marketing":null,

"native_company_number":null}}

遞迴元件封裝如下(因為框架原因只有使用template的寫法,大家靈活搬運**哈

var datatreecomponent = } :

}

`,name: 'datatree',

props:}},

data: function()

} },

methods: else

},judgearr(val) ,

judgeobject(val)

}, created: function()

}

Vue遞迴元件

遞迴元件 在父元件內巢狀子元件,子元件無限迴圈使用自己,用於樹狀結構的巢狀 1 分為子元件son和父元件father 這裡的話我寫的是頂級只能有乙個根元素 father.vue檔案 第一層級 li list ul template export default script son.vue檔案 so...

vue遞迴元件實現多級列表

這次我們主要是實現乙個資訊的分類展示列表存在二級 的分類,如下如所示 看到這個很多人會想到這個實現起來很簡單啊,來個巢狀迴圈不就完事了。對,你說的沒錯,事實就是這樣簡單。那麼就先來看看這麼簡單的列表怎麼實現的,然後這個方案的劣勢在 首先看看我們的資料格式 list 基於上面的資料格式,我們的實現方式...

vue 實現元件遞迴(巢狀自身)

主要使用到了 元件中的name,當我們設定了元件的name,元件遞迴呼叫自身使用的元件名為name 例子 遞迴元件 demo.vue for item,index in treedata key index p children v if item.children 巢狀自身 item.childr...