Maison >interface Web >Tutoriel H5 >Comment lier des événements et des valeurs dans la liste déroulante de sélection de vue.js

Comment lier des événements et des valeurs dans la liste déroulante de sélection de vue.js

php中世界最好的语言
php中世界最好的语言original
2018-03-27 16:18:425095parcourir

Cette fois, je vais vous montrer comment lier l'heure et la valeur de la liste déroulante de sélection de vue.js, comment lier la liste déroulante de sélection à l' événement et au précautions pour prendre la valeur. Lesquelles, les suivantes sont des cas pratiques, jetons un coup d'oeil.

Je travaillais récemment sur un projet mobile mui+vue.js et j'ai rencontré ce problème, je l'ai donc enregistré :

1. -down box est très simple Il suffit d'envoyerlist est une collection de listes déroulantes. Vous pouvez consulter la documentation vue.js pour cela :

Adresse : <.>https://cn .vuejs.org/v2/api/

: La valeur liée à value est la valeur correspondant à cette liste déroulante

<select id="sendSybol" v-model="searchDto.sendSymbolId"> 
  <option v-for="send in sendList" name="sendSymbolId" :value="send.VALUE" >{{send.CODE}}</option> 
</select>

2. Obtenez la valeur directement Pour obtenir la liste déroulante, l'attribut lié ​​au v-model peut être

je crois. vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention au site Web chinois php Autres articles connexes !

Lecture recommandée :

Une application côté Web implémente l'actualisation de force arrière

Comment implémenter le téléchargement de fichiers avec AjaxUpLoad.js

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn