vue v-for循環的用法


1、v-for循環普通數組

    ①創建vue對象

    ② 循環數據

    結果:

2、v-for循環對象數組

    ① 創建vue實例對象

   ② 循環對象數組

    結果:

3、v-for循環對象

    ①創建vue對象實例

    ②循環對象

    結果:

4、v-for循環數字

    ①創建vue對象實例

     ②循環數字

    結果:

5、v-for中key的使用方式

    ①創建vue對象實例

    注意:push()方法一般是添加到數組的最后的位置;unshift()方法是往最前面的位置添加。

    ②循環

    注意:

  • v-for循環的時候,key屬性只能使用number或String。
  • key在使用的時候,必須使用v-bind屬性綁定的形式,指定key的值。
  • 在組件中使用v-for循環的時候,或者在一些特殊情況中,如果v-for有問題,必須在使用v-for的同時,指定唯一的 字符串/數字 類型 :key值。

    結果:

 


免責聲明!

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



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