Récupère la valeur de la zone de texte, méthode VUEjs en fonction de son identifiant

Question

J'ai 两个文本框, les deux zones de texte ont des valeurs.

Mais je souhaite obtenir la valeur d'une zone de texte en fonction du numéro d'identification que je souhaite saisir.

Si je tape 1 它应该显示文本框 1.1, la valeur de la zone de texte 1 devrait s'afficher.

C'est ce que j'ai essayé et maintenant il affiche les données dans les deux zones de texte.

Modèle :

<input  v-model="textdata1" id="1" type="text" placeholder="i am id1, show my value">

<input v-model="textdata2" id="2" type="text" placeholder="i am id2, show my value">

<input v-model="searchid"  type="text" placeholder="which ids data you want, 1 or 2 ">

<button  @click="getvalue">RECEIVE</button>

<div>show value of id 1or2 here: {{id1data}}</div>

VUEJS :

<script>
import { defineComponent,ref } from 'vue'

export default defineComponent({
  setup() {
      const id1data =ref("");
      const id2data =ref("");

function getvalue(){
    
    this.id1data=this.textdata1;
    this.id2data=this.textdata2;
    
    }

return{
   id1data,
    id2data,
    getvalue,
}
}
})
</script>

🎜

Answer 1

C'est une façon. Vous pouvez créer une paire de valeurs de données pour chaque entrée.

sssccc

Pour plus de simplicité et d'organisation, vous pouvez également utiliser reactive()Purpose.

Answer 2

Si vous insistez pour utiliser une pièce d'identité, vous pouvez utiliser la méthode suivante :

sssccc