1

私はすでに VueJS を正常に動作させv-forています:

<tr v-for="request in requests">
    <td>{{request.name}}</td>
    <td> .. etc .. </td>
</tr>

次に、凡例/ガイド行を 25 または 50 レコードごとに追加する必要があります。たとえば、次のようになります。

<span v-for="(request, index) in requests">
    <tr>
        <td>{{request.name}}</td>
        <td> .. etc .. </td>
    </tr>
    <tr v-if="index % 25 == 0">
        <th>Name</th>
        <th> .. etc .. </th>
    </tr>
</span>

驚いたことに、そのv-if部分が機能しないだけでなく、「ReferenceError: request is not defined」(v-ifディレクティブを省略したり、余分な<tr>ものを完全に削除したとしても) というエラーが返されるため、VueJS は DOM を考慮しています。構造がよくわからないのかもしれません。

いずれにせよ、どうすればこれを行うことができますか?

ところで、純粋に HTML/CSS でこれを行う方法はありますか?

4

1 に答える 1