Récupère la valeur de la zone de texte, méthode VUEjs en fonction de son identifiant
P粉002023326
P粉002023326 2024-03-26 15:07:28
0
2
422

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>
🎜
P粉002023326
P粉002023326

répondre à tous(2)
P粉706038741

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.

P粉176151589

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

sssccc



Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal