在做vue專案的時候難免會用到迴圈,可是但我們後台資料返回多條記錄而且是多層巢狀關係的時候,我們需要獲取當前第幾次迴圈此時就會出現問題。
下面給大家介紹兩種方式,第一種是基於數學公式:第一次迴圈*(第二次迴圈總長度)+1+第二次迴圈可以獲取當前第幾次迴圈
第二種方法:是在方法中進行計算返回當前下標
。廢話不多說先看一下效果吧
具體**如下:
測試資料json字串:
parentlist: [, , , , ]
},, , , , ]
},, , , , ]
}]
頁面html 具體**:
父迴圈第幾次
子迴圈第幾次
第一種辦法
第二種辦法
json字串中的行數
數值 }}}}}
}
第二種獲取下標的方法:
methods:else
return this.index}}
這樣我們就輕鬆的獲取到當前迴圈第幾行啦。 vue v for迴圈巢狀
之前在寫v for巢狀的時候還不夠了解v for,現在有一定的了解 資料結構如下 其中的name和value會在後面賦值,這裡就不貼過程了,知道資料的格式就行了 展示效果 具體的 如下 div class flexrow v if data.length 0 div class total v fo...
多重 多層 巢狀迴圈
乙個迴圈結構中可以巢狀其他兩種迴圈結構,巢狀多少層和多少個都可以,一般不會超過兩層!所以多重迴圈又往往被稱為叫雙重迴圈。外層迴圈執行一次,內層迴圈執行一遍 輪。while dowhile 如果在列印圖形的時候,先看有幾行,外層迴圈控制列印幾行。再看有幾列,內層迴圈控制每列列印的內容。一會break和...
vue v for迴圈遍歷
v for的話我們首先自定義乙個item 隨便取什麼名字都可以 然後迴圈遍歷names這個陣列,最後把這個item展示出來就可以了。如果我們需要獲取索引值的話,則只需在item那裡加個括號,然後將index寫進去,同時迴圈遍歷就可以了 我們用v for迴圈遍歷物件的話,如果只是獲取乙個值,就是獲取到...