Tengo un objeto con elementos y uso v-for loop para mostrarlos en la página:
<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>
Funciona bien, pero agregué un campo de texto v adicional debajo después del bloque v-for y aparece antes que los elementos en el bucle v-for renderizado.
¿Como puedó resolver esté problema? Necesito mostrar el último elemento de campo de texto v justo después de que se procesó el bucle de elementos v-for
usar v-if en bucle
<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> <!-- additional TextField --> <v-row v-if="index == Object.keys(item).length - 1"> <v-col> <v-text-field v-model="modifyDateTime" label="Modify date and time" /> </v-col> </v-row> </template>