需求:需要顯示不確定層級不確定值型別(可能是陣列裡有物件,物件裡有資料)的資料
資料結構如下:
遞迴元件封裝如下(因為框架原因只有使用template的寫法,大家靈活搬運**哈,
"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}}
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...