Как правильно обработать условие при отрисовки списка?

Question

[Евгений]

Подскажите как корректно мне добавить условие и отрисовать ещё одну строку в таблице, при отрисовки списка.
Т.е. если у меня у объекта есть ключ "total", я хочу добавить ещё одну строку ....
Не понятно, где мне прописать v-if="item.total"

<table>
    <thead>.....</thead>
    <tbody>
        <tr v-for="item in data" :key="item.id">
            <td>{{ item.value1 }}</td>
            <td>{{ item.value2 }}</td>
            <td>{{ item.value3 }}</td>
            // Как мне правильно прописать условие v-if, что бы я мог при наличии ключа "total"  добавить ещё одну строку таблици
            // на js при переборе массива через forEach, я бы просто добавил: '</tr><tr><td colspan="3">{{ item.total }}</td>
        </tr>
    </tbody>
</table>


// Грубо говоря в итоге я хочу получить вот так
<table>
    <thead>.....</thead>
    <tbody>
        <tr>
            <td>....</td>
            <td>....</td>
            <td>....</td>
        </tr>
        <tr>
            <td>....</td>
            <td>....</td>
            <td>....</td>
        </tr>
        <tr>
            <td>....</td>
            <td>....</td>
            <td>....</td>
        </tr>
        <tr>
            <tr><td colspan="3">total</td>       
        </tr>
    </tbody>
</table>

Answer 1

[0xD34F]

Обернуть tr, который должен присутствовать всегда и tr, который должен присутствовать в зависимости от условия в общий template:

<tbody>
  <template v-for="item in data">
    <tr>...</tr>
    <tr v-if="...">...</tr>
  </template>
</tbody>

Comments

[Евгений]

Большое спасибо, пошел читать про "template" ....
Увидел свою глупость в вопросе