forked from vuejs/v2.vuejs.org
-
Notifications
You must be signed in to change notification settings - Fork 103
Traduction forms.md #35
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Merged
Merged
Changes from 1 commit
Commits
Show all changes
24 commits
Select commit
Hold shift + click to select a range
0aa076f
[syntax.md] début traduction chapitre attributs
yann-yinn 8398675
Merge remote-tracking branch 'upstream/master'
yann-yinn ee28734
sync with fork
yann-yinn d2e9883
Merge remote-tracking branch 'upstream/master'
yann-yinn 4d1dab4
forms.md - first paragraph translation
yann-yinn 9c4cd1d
forms.md : traduction jusqu'à .number
yann-yinn 1da096b
forms.md : relecture premier traduction jusqu'à numbers
yann-yinn 0ccb6dd
forms.md : 3eme relecture jusqu'à .number
yann-yinn 8bef84d
forms.md : fin premiere passe traduction
yann-yinn 2dd5a79
forms.md : fin de la traduction
yann-yinn 357a6f8
forms.md : prise en compte correction première passe @forresst
yann-yinn beead5b
forms.md : la chaine de caractère sera a quand la case sera cochée
yann-yinn 35d8430
forms.md : fix deuxieme relecture @forresst - deux petits oublis
yann-yinn 46c88e6
pull/35#pullrequestreview-24456323 : sur les champs de formulaire (in…
yann-yinn acc0e8c
pull/35#pullrequestreview-24456323 : les textareas
yann-yinn 7d33cd3
pull/35#pullrequestreview-24456323 : suppression ligne en trop
yann-yinn ba8ac57
pull/35#pullrequestreview-24456323 : suppression deuxieme ligne en trop
yann-yinn 036bf2f
pull/35#pullrequestreview-24456323 : suppression majuscule 'Lorsque'
yann-yinn 07f1f0d
pull/35#pullrequestreview-24456323 : +### Options de select
yann-yinn 80525f9
pull/35#pullrequestreview-24456323 : synchronise l'input => le champ
yann-yinn c6542c8
pull/35#pullrequestreview-24456323 : C'est vous voulez => Si vous voulez
yann-yinn 0598b8b
pull/35#pullrequestreview-24456323 : inputs personnalisés => champs p…
yann-yinn 1541722
forms.md : correctifs première relecture sylvain
yann-yinn c169ed8
forms.md : relecture sylvain : convertie en nombre
yann-yinn File filter
Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -6,7 +6,7 @@ order: 10 | |
|
||
## Usage basique | ||
|
||
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. | ||
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. | ||
|
||
<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> | ||
|
||
|
@@ -15,13 +15,13 @@ Vous pouvez utilisez la directive `v-model` pour créer une liaison de donnée b | |
### Texte | ||
|
||
``` html | ||
<input v-model="message" placeholder="modifiez moi"> | ||
<input v-model="message" placeholder="modifiez-moi"> | ||
<p>Le message est : {{ message }}</p> | ||
``` | ||
|
||
{% raw %} | ||
<div id="example-1" class="demo"> | ||
<input v-model="message" placeholder="modifiez moi"> | ||
<input v-model="message" placeholder="modifiez-moi"> | ||
<p>Le message est : {{ message }}</p> | ||
</div> | ||
<script> | ||
|
@@ -62,7 +62,7 @@ new Vue({ | |
|
||
|
||
{% raw %} | ||
<p class="tip">L'interpolation sur les textareas (<code><textarea>{{text}}</textarea></code>) ne fonctionnera pas. Utilisez <code>v-model</code> à la place.</p> | ||
<p class="tip">L'interpolation sur les zones de texte (<code><textarea>{{text}}</textarea></code>) ne fonctionnera pas. Utilisez <code>v-model</code> à la place.</p> | ||
{% endraw %} | ||
|
||
### Checkbox | ||
|
@@ -274,7 +274,7 @@ new Vue({ | |
|
||
## Liaisons des attributs value | ||
|
||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Cette ligne est a retirer |
||
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) : | ||
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) : | ||
|
||
``` html | ||
<!-- `picked` sera une chaîne de caractères "a" quand le bouton radio sera sélectionné --> | ||
|
@@ -339,7 +339,7 @@ vm.selected.number // -> 123 | |
|
||
### `.lazy` | ||
|
||
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 : | ||
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 : | ||
|
||
``` html | ||
<!-- 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 | |
|
||
### `.number` | ||
|
||
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` : | ||
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` : | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. "convertie en nombre" |
||
|
||
``` html | ||
<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 | |
|
||
### `.trim` | ||
|
||
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` : | ||
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` : | ||
|
||
```html | ||
<input v-model.trim="msg"> | ||
|
@@ -368,7 +368,7 @@ Si vous voulez que les saisies utilisateurs soit automatiquement nettoyées des | |
|
||
> Si vous n'êtes pas encore familier avec les composants de Vue, passez cette section pour le moment. | ||
|
||
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. | ||
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. | ||
|
||
|
||
|
||
|
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@forresst pourquoi pas, je veux bien un avis tierce avant de le faire :)