Maison >interface Web >js tutoriel >Comment obtenir la valeur de select dans vue.js (tutoriel détaillé)

Comment obtenir la valeur de select dans vue.js (tutoriel détaillé)

亚连
亚连original
2018-06-02 10:17:318232parcourir

Maintenant, je vais partager avec vous un article sur vue.js pour obtenir l'instance de valeur dans select. Elle a une bonne valeur de référence et j'espère qu'elle sera utile à tout le monde.

est le suivant :

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src="./vue.js"></script>
</head>
<body>
<label id="app">
<select v-model="selected" >
 <option v-for="option in options" v-bind:value="option.value">
 {{ option.text }}
 </option>
</select>
<span>Selected: {{ selected }}</span>
</label>
<script>
new Vue({
 el: &#39;#app&#39;,
 data: {
 selected: &#39;A&#39;,
 options: [
  { text: &#39;One&#39;, value: &#39;A&#39; },
  { text: &#39;Two&#39;, value: &#39;B&#39; },
  { text: &#39;Three&#39;, value: &#39;C&#39; }
 ]
 }
})
</script>
</body>
</html>

Ce qui précède est ce que j'ai compilé pour vous, j'espère qu'il vous sera utile dans le. avenir.

Articles associés :

À propos de la méthode de fermeture d'un composant en cliquant à l'extérieur du composant dans Vue (tutoriel détaillé)

Utilisation de Vue Gestion des autorisations de routage Questions sur (tutoriel détaillé)

À propos de la méthode d'insertion de paramètres variables dans les attributs des balises vue.js (tutoriel détaillé)

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