javascript - Kann der Indexwert beim Durchlaufen von Vues v-for auf einen Maximalwert gesteuert und hin und her ausgegeben werden?
typecho
typecho 2017-07-05 11:02:34
0
3
1186

Kann der Indexwert in Bezug auf Vues v-for-Durchquerung so gesteuert werden, dass er bei einem Maximalwert hin und her wechselt?


Fügen Sie die Adresse des jsfiddle-Codes hinzu und klicken Sie, um zum jsfiddle-Vorschaucode zu gelangen>>

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>

Wenn Sie beispielsweise möchten, dass der maximale Indexwert der Schleife 2 beträgt, ist das erwartete Ergebnis wie folgt:

<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>
typecho
typecho

Following the voice in heart.

Antworte allen(3)
滿天的星座
<p class="list">
<ul>
  <li v-for="(item,index) in list">
    {{index%3}}<br />{{item}}
  </li>
</ul>
</p>

用 % 求余数?

更新:
=.= 防止误导,改成 3 了。重点是 %

Ty80

应该index%3的吧

三叔

我觉得可以用filter给index进行处理

Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!