Maison  >  Article  >  interface Web  >  Utilisez la liste déroulante de sélection pour implémenter les méthodes de liaison et de valeur dans vue.js

Utilisez la liste déroulante de sélection pour implémenter les méthodes de liaison et de valeur dans vue.js

亚连
亚连original
2018-06-01 16:01:563307parcourir

Maintenant, je vais partager avec vous une méthode de liaison et de valeur de liste déroulante de sélection vue.js. Elle a une bonne valeur de référence et j'espère qu'elle sera utile à tout le monde.

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 Une simple sendlist est une collection de listes déroulantes Vous pouvez voir 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. Pour obtenir la valeur , obtenez simplement la liste déroulante directement et utilisez simplement l'attribut lié à v-model

J'ai compilé ce qui précède pour vous, j'espère que cela vous sera utile dans le cas. avenir.

Articles connexes :

Une brève discussion sur la pratique de la mise en cache persistante Webpack

Plug-in JS Cookie léger js-cookie Comment utiliser

Résumé des connaissances du minuteur d'animation 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