vue 陣列中巢狀陣列 vue陣列巢狀陣列的問題

2021-10-16 19:31:10 字數 472 閱讀 9071

如圖,餅乾、健康零食、早點下午茶、中式糕點、西式糕點是外層的陣列,用v-for來完成,但是陣列裡面還有乙個陣列,這個還是用v-for嗎?應該怎麼做?我就是在v-for裡面又用了乙個v-for,**如下

模板class="productclassificationlist"

v-for="list in productclassification">

} js

productclassification: [

classificationname: '餅乾',

classification: [,,

,classificationname: '健康零食'

classificationname: '早點下午茶'

classificationname: '中式糕點'

classificationname: '西式糕點'

然後瀏覽器就報錯了

求助大神,why?

Vue迴圈陣列 迴圈巢狀陣列v for

利用vue迴圈輸出標籤 先在 script 中寫入乙個陣列 之後在上方 div 標籤中做迴圈輸出,使用 v for 這裡的 v for 標籤中,item 單個陣列項,可以隨意替換所需要的名稱,list 是 script 中傳遞來的陣列。整句for語句可以理解為 list 中的 item 單個陣列值做...

巢狀陣列拍平(陣列扁平化)

var arr 1,2,3 4,5,6 var arr flat arr.flat infinity flat 預設只會 拉平 一層,如果想要 拉平 多層的巢狀陣列,可以將flat 方法的引數寫成乙個整數,表示想要拉平的層數,預設為1。如果不管有多少層巢狀,都要轉成一維陣列,可以用infinity關...

vue呼叫陣列 Vue陣列

vue為了增加列表渲染的功能,增加了一組觀察陣列的方法,而且可以顯示乙個陣列的過濾或排序的副本。變異方法 vue 包含一組觀察陣列的變異方法,它們將會觸發檢視更新,包含以下方法 push 接收任意數量的引數,把它們逐個新增到陣列末尾,並返回修改後陣列的長度 pop 從陣列末尾移除最後一項,減少陣列的...