VUE:V-用データの前に取得されたn個のデータのリスト、中間範囲データ、方法端ストライプN

説明:

  1. UIはmintUIを使用して開発され、

要件:

1. 6と13との間でデータを得る:items.slice(6,13)

< MT-セルV-のための= "(アイテム、インデックス)items.slice中(6,13)" :タイトル= "item.title" キー= 'インデックス' > 
    < :HREF = "item.url" タイトル= "item.title" クラス= "リスト-URL" > < IMG :SRC = "item.src" :ALT = "item.title" クラス= "リスト-IMG" /> </ A > </ MT-セル>
         
    

2.データ収集は、二つの種類の間よりも小さくなっている:( 0-6)

  :items.slice(0,6)

< MT-セルV-のための= "(アイテム、インデックス)items.sliceで(0,6)" :タイトル= "item.titleは" :キー= 'インデックス' > 
       < :HREF = "item.url" タイトル= "item.title" クラス= "リスト-URL" > < IMG :SRC = "item.src" :ALT = "item.title" クラス= "リスト-IMG" /> </ A > </ MT-セル>
           
       

  B:V-IF = "インデックス<6"

< MT-細胞-用V "の項目で(項目、インデックス)" = V-IF = "インデックス<6" タイトル= "item.title" キー= 'インデックス' > 
       < A :HREF = "item.url " :タイトル=" item.title」クラス= "リスト-URL" > 
           < IMG :SRC = "item.src" :ALT = "item.title" クラス= "リスト-IMG" /> 
       </ A > 
</ MT-セル>

3.最後の6つのデータを取得します。items.slice(items.length-6、items.length)

< MT-細胞-用V "(商品、指数)items.slice(items.length-6、items.length)で" = :タイトル= "item.title" キー= 'インデックス' > 
       < A :HREF = "item.url" タイトル= "item.title" クラス= "リスト-URL" > 
           < IMG :SRC = "item.src" :ALT = "item.title" クラス= "リスト-IMG" /> 
       </ > </ MT-セル>

 

おすすめ

転載: www.cnblogs.com/chig/p/11988378.html