當前位置:首頁 > IT技術 > 編程語言 > 正文

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'], //定義一個數(shù)組
msg2:{a:'ok',b:"hello"}    //定義一個對象
}
})


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代碼

?

這個人比較懶,筆記也粗糙。沒得救了。

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

開通會員,享受整站包年服務立即開通 >