Esta es mi plantilla en la que intento poner un valor automáticamente dentro de un cuadro de texto en lugar de un usuario. Quiero que el valor sea el último ID de mis documentos + 1.

 <v-text-field style="width:170px" value="" label = "ID_Naloge" v-model="ID" prepend-icon="" type = "number" :rules="rules.name" placeholder="" disabled required > </v-text-field>

Esta es mi importación:

 var b = this.countLastItem(); console.log(b);

Esto es lo que quiero devolver:

 ID: parseInt(Number(this.b)) + 1

Este es mi método que es returnih Nan cada vez en lugar de número, por ejemplo. 44 (porque son 44 documentos + 1):

 countLastItem(){ db.collection("Kontrolne naloge").get().then(function(querySnapshot) { console.log(querySnapshot.size); return Number(querySnapshot.size); });

el registro de la consola devuelve 43

así es como se ve mi código de envío:

 submit() { this.snackbar = true const project = { ID_Naloge: Number(this.ID), Kriterij_FK: Number(this.Kriterij), Letnik_FK: Number(this.Letnik), Naslov: this.Naslov, Poglavje_FK: Number(this.Poglavje), Predmet_FK: Number(this.Predmet), Rešitev_FK: Number(this.Rešitev), Stopnja_Težavnosti_FK: Number(this.Stopnja), Točke: Number(this.Točke), } db.collection('Kontrolne naloge').add(project).then(() => { console.log(this.ID) }) this.resetForm(); },