有關vue v for 多層迴圈巢狀獲取 行數的

2021-08-09 14:38:23 字數 697 閱讀 4278

在做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迴圈遍歷物件的話,如果只是獲取乙個值,就是獲取到...