I am facing an issue with displaying elements using a v-for loop in my object. Here is the code snippet:
<template v-for="(item, index) in myObject">
<v-row :key="index">
<v-col>
<v-text-field
v-model="item.value"
:label="item.name"
/>
</v-col>
</v-row>
</template>
<!-- additional TextField -->
<v-row>
<v-col>
<v-text-field
v-model="modifyDateTime"
label="Modify date and time"
/>
</v-col>
</v-row>
Though the code works fine, the additional v-text-field I added after the v-for loop appears before the elements rendered by the loop.
Is there a solution to make sure that the last v-text-field element is displayed right after rendering the elements of the v-for loop?