JavaScript - Vue v-for は、それが 4 列目であるかどうかを判断し、水平線または 4 行目を追加してこの <li> を表示します。

Question

リーリー

私は vue を初めて使用します。長い間調べてきましたが、問題が解決していません。助けを求めにここに来ました。先輩方にアドバイスをいただければ幸いです

Answer 1

リーリー

1. このうち、(site, index) in sites代替site in sites，indexは取得した要素の順番です。

ここでは

2. v-if。其中对于index值为3（第四项）,7（第八项），11（第十二项）... （4的倍数项），需要显示hr，对于这些值，(index + 1) % 4为0，所以!((index + 1) % 4)为true，显示hr。【这里index按顺序从0开始计数，所以index + 1为表示当前site在sites数组中是第几个，然后(index + 1) % 4を使用します。4になるたびに、シーケンス番号を4で割った余りが0になります】

更新:
クラスを追加する方法: (クラスの名前がunderlineであると仮定します)

リーリー

Answer 2

学ぶ楽しさとsegmentfaultの温かさを感じさせてくれて本当にありがとう