Skip to content

Commit a30286e

Browse files
committed
Traduction de forms.md
Signed-off-by: Bruno Lesieur <[email protected]>
1 parent 540d633 commit a30286e

File tree

1 file changed

+7
-8
lines changed

1 file changed

+7
-8
lines changed

docs/en/forms.md

Lines changed: 7 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,14 @@
1-
# Form Handling
1+
# Formulaires
22

3-
When using Vuex in strict mode, it could be a bit tricky to use `v-model` on a piece of state that belongs to Vuex:
3+
Lorsque l'on utilise Vuex en mode strict, il peut être compliqué d'utiliser `v-model` sur une partie de l'état qui appartient à Vuex :
44

55
``` html
66
<input v-model="obj.message">
77
```
88

9-
Assuming `obj` is a computed property that returns an Object from the store, the `v-model` here will attempt to directly mutate `obj.message` when the user types in the input. In strict mode, this will result in an error because the mutation is not performed inside an explicit Vuex mutation handler.
9+
Supposons que `obj` est une propriété calculée qui retourne un objet depuis le store, le `v-model` tentera de muter directement `obj.message` lorsque l'utilisateur saisit du texte dans le champ. En mode strict, cela produira une erreur car la mutation n'est pas effectuée dans un gestionnaire de mutation Vuex explicite.
1010

11-
The "Vuex way" to deal with it is binding the `<input>`'s value and call an action on the `input` or `change` event:
11+
La « façon Vuex » de gérer ça est de lier la valeur de l'`input` et d'appeler une action sur l'évènement `input` ou `change` :
1212

1313
``` html
1414
<input :value="message" @input="updateMessage">
@@ -27,7 +27,7 @@ methods: {
2727
}
2828
```
2929

30-
And here's the mutation handler:
30+
Et voici le gestionnaire de mutation :
3131

3232
``` js
3333
// ...
@@ -38,9 +38,9 @@ mutations: {
3838
}
3939
```
4040

41-
### Two-way Computed Property
41+
### Propriété calculée bidirectionnelle
4242

43-
Admittedly, the above is quite a bit more verbose than `v-model` + local state, and we lose some of the useful features from `v-model` as well. An alternative approach is using a two-way computed property with a setter:
43+
Admettons tout de même que l'exemple ci-dessus est plus verbeux que le `v-model` couplé à l'état local tout en perdant quelques fonctionnalités pratiques de `v-model` au passage. Une approche alternative consiste à utiliser une propriété calculée bidirectionnelle avec un mutateur :
4444

4545
``` html
4646
<input v-model="message">
@@ -58,4 +58,3 @@ computed: {
5858
}
5959
}
6060
```
61-

0 commit comments

Comments
 (0)