如圖,餅乾、健康零食、早點下午茶、中式糕點、西式糕點是外層的陣列,用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 從陣列末尾移除最後一項,減少陣列的...