Report valeur dans INPUT associé

Bonjour à tous,

Dans le but de faire un prototype de formulaire et de le présenter sur tablette via ngrok j'ai mis l'intégralité du code sur la même page ( évite les chargements à chaque nouvelle page ).
Je ne peux donc pas changer cette structure, De plus je n'ai plus le temps de faire autrement.

Le formulaire est sur 8 pages et mon problème est que lorsque je remplis le premier input de la première page la valeur de ce dernier se retrouve dans le premier input de même type des pages suivantes.

J'affiche mes pages avec une condition " v-if " qui semble être la source du problème puisque lorsque je retire cette condition le problème n'est plus.

Code:

---

1 2 3 4 5 6 7 8 9 10

<div v-if="screen==1"> <input type="text"> // valeur 1, page 1 </div> <a @click="screen=2">Valider</a>   <div v-if="screen==2"> <input type="text"> // valeur 1, page 2 </div>   // Comme je l'explique si dessus si je mets TEST dans valeur 1, page 1, alors valeur 1, page 2 est égale à TEST

---

https://gitlab.com/Jmeuh/pst-interne...ages/index.vue (code complète)

Une idée ?

En effet,
Mais dès que tu ajoutes un model, tout fonctionne.

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

<div v-if="screen==1"> <input type="text" v-model="t1"> // valeur 1, page 1 </div> <a @click="screen=2">Valider</a>   <div v-if="screen==2"> <input type="text" v-model="t2"> // valeur 1, page 2 </div> // ... data() { return { screen: 1, t1: '', t2: '', }; }

---