javascript - Lors de la traversée du v-for de Vue, la valeur de l'index peut-elle être contrôlée à une valeur maximale et affichée dans les deux sens?

Question

Concernant le parcours v-for de Vue, la valeur de l'index peut-elle être contrôlée pour faire des allers-retours à une valeur maximale ?

---

Joignez l'adresse du code jsfiddle, cliquez pour accéder au code d'aperçu jsfiddle>>

Code :

<script type="text/javascript">
var vm=new Vue({
    el:'.list',
    data:{
        list:['a','b','c','d','e','f','g']
    },
});
</script>

<p class="list">
<ul>
  <li v-for="(item,index) in list">
    {{index}}<br />{{item}}
  </li>
</ul>
</p>

---

Par exemple, si vous souhaitez que la valeur d'index maximale de la boucle soit 2, le résultat attendu est le suivant :

<p clss="list">
    0
    a
</p>
<p clss="list">
    1
    b
</p>
<p clss="list">
    2
    c
</p>
<p clss="list">
    0
    d
</p>
<p clss="list">
    1
    e
</p>
<p clss="list">
    2
    f
</p>
<p clss="list">
    0
    g
</p>

Answer 1

<p class="list">
<ul>
  <li v-for="(item,index) in list">
    {{index%3}}<br />{{item}}
  </li>
</ul>
</p>

Utiliser % pour trouver le reste ?

Mise à jour :
=.= changé en 3 pour éviter toute tromperie. Le point est %

Answer 2

Il devrait s'agir de l'index%3

Answer 3

Je pense que nous pouvons utiliser un filtre pour traiter l'index