v-forv-for指令的三種使用方法


1.迭代數組

            <p v-for="(item,i) in list">id:{{item.id}}---名字:{{item.name}}---索引{{item.age}}</p>

2.迭代對象中的屬性

            <p v-for="(val,key,i) in userInfo">{{val}}--{{key}}--{{i}}</p>

3.迭代數字

            <p v-for="i in 10">這是第{{i}}個標簽}}</p>
在組件中使用v-for 循環的時候,如果有問題,必須使用key指定


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM