v for 遍歷map 的問題

2021-10-24 09:07:46 字數 481 閱讀 1653

這段時間開發遇到了 v-for 遍歷map,假如map中有3個成員,

var map=new map();

map.set(「a」,「8」);

map.set(「b」,「10」);

map.set(「c」,「1」);

剛開始遍歷第乙個都是出現 undfind ,然後 a,b 資料都是正常顯示。

然後又輸出了index 發現 第乙個 是 undfind,0,1 ,猜想可能是v-for 迴圈 map 的時候,索引搞錯了,那就可能不是從0開始迴圈的,第二個才是 0 。

臨時解決方案就是在末尾填充乙個空資料

map.set(「kong」,"");//假資料用來增長 map 的size

然後在頁面上v-if 判斷下 index =undfind 就不讓這個 顯示

如果需要新增 map 的成員 ,需要刪除這個空資料,然後再重新新增,保證這個空資料在最後位置

解決

V for遍歷 新增key

v for movie in movies 依次從movies中取出movie,並且在元素的內容中,我們可以使用mustache語法,來使用movie 如果在遍歷的過程中,我們需要拿到元素在陣列中的索引值呢?語法格式 v for item,index in items 其中的index就代表了取出的...

Vue 迴圈遍歷 v for

如果在遍歷的過程中不需要使用索引值 如果在遍歷的過程中,我們需要拿到元素在陣列中的索引值呢?v for可以使用者遍歷物件 data 不能通過索引的方式更改陣列,這樣不會渲染頁面 不能通過更改長度的方式更改陣列,也不會渲染頁面 向物件內新增或者刪除屬性不會渲染頁面 使用 set 方法 object.d...

vue的迴圈遍歷,指令v for

1.迴圈遍歷 vue的迴圈遍歷用v for,語法類似於js中的for迴圈 當我們有一組資料需要進行渲染時,我們就可以使用v for來完成。2.v for使用格式 格式為 v for item in items 遍歷items中的資料 1.v for遍歷陣列 用v for指令基於乙個陣列來渲染乙個列表...