Skip to content

Commit 1541722

Browse files
committed
forms.md : correctifs première relecture sylvain
1 parent 0598b8b commit 1541722

File tree

1 file changed

+9
-9
lines changed

1 file changed

+9
-9
lines changed

src/v2/guide/forms.md

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ order: 10
66

77
## Usage basique
88

9-
Vous pouvez utilisez la directive `v-model` pour créer une liaison de donnée bidirectionnelle sur les champs de formulaire (input, select ou textarea). Elle choisira automatiquement la bonne manière de mettre à jour l'élément en fonction du type de champ. Bien qu'un peu magique, `v-model` est essentiellement un sucre syntaxique pour mettre à jour les données lors des évènements utilisateurs sur les champs, ainsi que quelques traitements spéciaux pour certains cas particuliers.
9+
Vous pouvez utiliser la directive `v-model` pour créer une liaison de données bidirectionnelle sur les champs de formulaire (input, select ou textarea). Elle choisira automatiquement la bonne manière de mettre à jour l'élément en fonction du type de champ. Bien qu'un peu magique, `v-model` est essentiellement du sucre syntaxique pour mettre à jour les données lors des évènements de saisie utilisateur sur les champs, ainsi que quelques traitements spéciaux pour certains cas particuliers.
1010

1111
<p class="tip">`v-model` ne prend pas en compte la valeur initiale (attribut "value") fournie pour un champ. Elle traitera toujours les données de l'instance de vue comme la source de vérité.</p>
1212

@@ -15,13 +15,13 @@ Vous pouvez utilisez la directive `v-model` pour créer une liaison de donnée b
1515
### Texte
1616

1717
``` html
18-
<input v-model="message" placeholder="modifiez moi">
18+
<input v-model="message" placeholder="modifiez-moi">
1919
<p>Le message est : {{ message }}</p>
2020
```
2121

2222
{% raw %}
2323
<div id="example-1" class="demo">
24-
<input v-model="message" placeholder="modifiez moi">
24+
<input v-model="message" placeholder="modifiez-moi">
2525
<p>Le message est : {{ message }}</p>
2626
</div>
2727
<script>
@@ -62,7 +62,7 @@ new Vue({
6262

6363

6464
{% raw %}
65-
<p class="tip">L'interpolation sur les textareas (<code>&lt;textarea&gt;{{text}}&lt;/textarea&gt;</code>) ne fonctionnera pas. Utilisez <code>v-model</code> à la place.</p>
65+
<p class="tip">L'interpolation sur les zones de texte (<code>&lt;textarea&gt;{{text}}&lt;/textarea&gt;</code>) ne fonctionnera pas. Utilisez <code>v-model</code> à la place.</p>
6666
{% endraw %}
6767

6868
### Checkbox
@@ -274,7 +274,7 @@ new Vue({
274274

275275
## Liaisons des attributs value
276276

277-
Pour les options de bouton radio, checkbox et select, les valeurs de liaison de `v-model` sont habituellement des chaînes de caractères statiques (ou des booléens pour une checkbox) :
277+
Pour les boutons radio, les cases à cocher et les listes d'options, les valeurs de liaison de `v-model` sont habituellement des chaînes de caractères statiques (ou des booléens pour une case à cocher) :
278278

279279
``` html
280280
<!-- `picked` sera une chaîne de caractères "a" quand le bouton radio sera sélectionné -->
@@ -339,7 +339,7 @@ vm.selected.number // -> 123
339339

340340
### `.lazy`
341341

342-
Par défaut, `v-model` synchronise le champ avec les données après chaque évènement `input` (à l'exception de l'exécution d'une méthode de saisie comme [dit plus haut](#vmodel-ime-tip)). Vous pouvez ajouter le modificateur `lazy` pour synchroniser après les évènements `change` à la place :
342+
Par défaut, `v-model` synchronise le champ avec les données après chaque évènement `input` (à l'exception de l'exécution d'une méthode de saisie comme [mentionné plus haut](#vmodel-ime-tip)). Vous pouvez ajouter le modificateur `lazy` pour synchroniser après les évènements `change` à la place :
343343

344344
``` html
345345
<!-- synchronisé après le "change" au lieu du "input" -->
@@ -348,7 +348,7 @@ Par défaut, `v-model` synchronise le champ avec les données après chaque év
348348

349349
### `.number`
350350

351-
Si vous voulez que la saisie utilisateur soit automatiquement typée en tant que nombre, vous pouvez ajouter le modificateur `number` à vos input gérés par `v-model` :
351+
Si vous voulez que la saisie utilisateur soit automatiquement convertie en tant que nombre, vous pouvez ajouter le modificateur `number` à vos champs gérés par `v-model` :
352352

353353
``` html
354354
<input v-model.number="age" type="number">
@@ -358,7 +358,7 @@ C'est souvent utile, parce que même avec `type="number"`, la valeur des éléme
358358

359359
### `.trim`
360360

361-
Si vous voulez que les saisies utilisateurs soit automatiquement nettoyées des espaces superflus, vous pouvez ajouter le modificateur `trim` à vos champs gérés par `v-model` :
361+
Si vous voulez que les espaces superflus des saisies utilisateur soient automatiquement retirés, vous pouvez ajouter le modificateur `trim` à vos champs gérés par `v-model` :
362362

363363
```html
364364
<input v-model.trim="msg">
@@ -368,7 +368,7 @@ Si vous voulez que les saisies utilisateurs soit automatiquement nettoyées des
368368

369369
> Si vous n'êtes pas encore familier avec les composants de Vue, passez cette section pour le moment.
370370
371-
Les types de champ standards HTML ne couvriront pas toujours vos besoins. Heureusement, les composants de Vue vous permettent de construire des champs avec un comportement complètement personnalisé. Ces champs fonctionnent même avec `v-model` ! Pour en apprendre plus, lisez [champs personnalisés](components.html#Form-Input-Components-using-Custom-Events) dans le guide des composants.
371+
Les types de champ standards HTML ne couvriront pas toujours vos besoins. Heureusement, les composants de Vue vous permettent de construire des champs avec un comportement complètement personnalisé. Ces champs fonctionnent même avec `v-model` ! Pour en apprendre plus, lisez la section ["champs personnalisés"](components.html#Form-Input-Components-using-Custom-Events) dans le guide des composants.
372372

373373

374374

0 commit comments

Comments
 (0)