contr?les de classe Form l''entrée et portant des données d''interaction de la page Web, ce chapitre décrit comment utiliser la commande v-modèle des données de formulaire à deux voies de liaison.

  6.1 Utilisation de base

  Dans la forme la plus commune contr?le la réelle affaires, comme la radio, le choix multiple, sélection déroulante, des bo?tes d''entrée, etc., qui peuvent être utilisés pour la saisie des données, la vérification, et d''autres soumis.

  Vue.js fournit des instructions pour les données dans les deux sens de liaison des éléments de terre sous la forme, par exemple lorsqu''il est utilisé dans la bo?te d''entrée, le contenu des données d''entrée sont mis en correspondance avec la liaison à temps réel.

  Par exemple, l''exemple suivant:

  

  

  

Contenu de l''entrée est: {{Message}}

  

  

  Bien que la bo?te d''entrée sera rendu dans les vues de contenu en temps réel.

  Figure 6-1:

  

  Pour les champs de texte

  

Contenu entrées:

  

{{Texte}}

  

  

  rapide:

  A l''invite v-modèle, la valeur de commande de forme d''affichage ne dépend que des données liées, la valeur d''attribut ne se préoccupe plus avec le temps de l''initialisation, pour laInséré entre la valeur, il ne prendra pas effet.

  Lors de l''utilisation du v-modèle, si une méthode d''entrée chinois d''entrée chinois, généralement en l''absence de phrase pré-sélectionnée, qui est, dans l''étape pinyin, les données Vue est pas mis à jour lorsque Qiaoxia nouveaux personnages déclencheront Eng.

  Si vous voulez toujours être mis à jour en temps réel, il peut être utilisé pour remplacer le @input v-modèle.

  En fait, v-modèle est un sucre de syntaxe spéciale, mais il serait un accord intelligent sur une autre forme.

  Par exemple, l''exemple suivant:

  

  

  

Contenu de l''entrée est: {{Message}}

  

  

  Jetez un oeil à d''autres contr?les de formulaire.

  seul bouton:

  bouton radio lorsqu''il est utilisé seul, ne nécessite pas v-modèle, en utilisant le v-lier directement lier une valeur booléenne, chèque est vrai, faux lorsqu''ils ne sont pas sélectionnés.

  Par exemple:

  

  

  

  

  

  Si l''effet est obtenu en combinaison de sélection mutuellement exclusifs, v-modèle doit être utilisé avec la valeur:

  

  

  

  

  

  

  

  

Votre choix est: {{}} choisi

  

  

  Lorsque la valeur correspond à la valeur des données cueillies valeurs forment le bouton, il sélectionne l''élément, vérifiez si l''état actuel est le deuxième.

  La figure 6-2 montre:

  

  Bo?te:

  Bouton est également utilisé seul et en combinaison de points, mais l''utilisation est légèrement différente de la radio.

  Lorsqu''elle est utilisée seule bo?te, v-modèle est également utilisé pour lier une valeur booléenne.

  Par exemple:

  

  

  

  

  

  Lorsqu''elle est cochée, la valeur des données de la vérification vrai,

  Lorsqu''ils sont utilisés en combinaison, la valeur est v-modèle avec une pluralité de cases à cocher sont liés au même type de données de tableau, la valeur de la valeur dans les données, qui permet de sélectionner un.

  Le processus est dans les deux sens, lorsqu''elle est cochée, poussera automatiquement la valeur de la valeur au tableau.

  Exemple de code:

  

  

  

  

  

  

  

  

  

  

  

Votre choix est: {{}} cochée

  

  

  Les résultats actuels dans l''état illustré à la figure 6-3:

  

  Sélectionnez la liste:

  Sélectionnez la liste déroulante est le sélecteur, est également un contr?le de forme commune, également divisé en sélection unique et multi de deux fa?ons.

  Regardez l''exemple de code dans la radio:

  

  

  

Votre choix est: {{sélectionné}}

  

  

  

  Sinon, il correspondra directement

  Par exemple, lorsque vous sélectionnez le deuxième élément, js de valeur sélectionnée, au lieu de JavaScript.

  donner

  

  

  

  

  

Votre choix est: {{sélectionné}}