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

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

亚连

Libérer： 2018-06-02 10:17:31

original

8170 Les gens l'ont consulté

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>

Copier après la connexion

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!