當(dāng)前位置:首頁(yè) > IT技術(shù) > 編程語(yǔ)言 > 正文

vue v-for(數(shù)組遍歷)
2021-10-18 17:53:37

vue v-for(數(shù)組遍歷)

1.js代碼

var box=new Vue({
  el:'.box',
data:{
msg:['hello','ok','dome'], //定義一個(gè)數(shù)組
msg2:{a:'ok',b:"hello"}    //定義一個(gè)對(duì)象
}
})


2.html代碼

<ul class="box">
<li v-for='value,index in msg'>值:{{value}} 索引:{{index}} </li> <!--循環(huán)數(shù)組-->
<hr />
<li v-for='value,key,index in msg2'>值:{{value}} 鍵:{{key}} 索引:{{index}}</li><!--json數(shù)組-->
</ul>


3.顯示

vue v-for(數(shù)組遍歷)_js代碼

?

這個(gè)人比較懶,筆記也粗糙。沒(méi)得救了。

本文摘自 :https://blog.51cto.com/u

開(kāi)通會(huì)員,享受整站包年服務(wù)立即開(kāi)通 >