Skip to content

Commit ab35557

Browse files
committed
Modifications suite à la 1ère review de Haeresis
1 parent f2a7060 commit ab35557

File tree

1 file changed

+10
-10
lines changed

1 file changed

+10
-10
lines changed

docs/en/api/router-link.md

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

77
- Cela fonctionne de la même manière qu'on soit dans le mode historique HTML5 ou le mode hash, donc si vous avez décidé de changer de mode, ou alors que le routeur se replie sur le mode hash pour IE9, rien n'a besoin d'être changé.
88

9-
- Dans le mode historique HTML5, `router-link` interceptera l'événement du clic, comme ça le navigateur n'essaiera pas de rafraîchir la page.
9+
- Dans le mode historique HTML5, `router-link` interceptera l'évènement du clic, comme ça le navigateur n'essaiera pas de rafraîchir la page.
1010

1111
- En utilisant l'option `base` dans le mode historique HTML5, vous n'avez pas besoin de l'inclure dans les props `to` des URLs.
1212

@@ -18,18 +18,18 @@
1818

1919
- requis
2020

21-
Désigne la route cible du lien. Lorsqu'il est cliqué, la valeur de la prop `to` va être passé de manière interne à `router.push`, donc la valeur peut soit être une chaîne de caractères, ou alors un objet décrivant une localisation.
21+
Désigne la route cible du lien. Lorsqu'il est cliqué, la valeur de la prop `to` va être passée de manière interne à `router.push`, donc la valeur peut soit être une chaîne de caractères, ou alors un objet décrivant une localisation.
2222

2323
``` html
2424
<!-- chaîne litérale -->
2525
<router-link to="home">Accueil</router-link>
2626
<!-- rend -->
2727
<a href="home">Accueil</a>
2828

29-
<!-- expression JavaScript en utilisant v-bind -->
29+
<!-- expression JavaScript en utilisant `v-bind` -->
3030
<router-link v-bind:to="'home'">Accueil</router-link>
3131

32-
<!-- Omettre v-bind est ok, tout comme autre prop -->
32+
<!-- Omettre `v-bind` est ok, tout comme une autre prop -->
3333
<router-link :to="'home'">Accueil</router-link>
3434

3535
<!-- pareil qu'au dessus -->
@@ -38,7 +38,7 @@
3838
<!-- route nommée -->
3939
<router-link :to="{ name: 'user', params: { userId: 123 }}">Utilisateur</router-link>
4040

41-
<!-- avec une requête, résulte en /register?plan=private -->
41+
<!-- avec une requête, résulte en `/register?plan=private` -->
4242
<router-link :to="{ path: 'register', query: { plan: 'private' }}">S'enregistrer</router-link>
4343
```
4444

@@ -72,7 +72,7 @@
7272

7373
- défaut : `"a"`
7474

75-
Parfois, on veut que `<router-link>` soit rendu avec un tag différent, ex : `<li>`. On peut alors utiliser la prop `tag` pour modifier le tag qui sera rendu, et il écoutera toujours aux événements de clic pour la navigation
75+
Parfois, on veut que `<router-link>` soit rendu avec un tag différent, ex : `<li>`. On peut alors utiliser la prop `tag` pour modifier la balise qui sera rendue, et elle écoutera toujours les évènements de clic pour la navigation
7676

7777
``` html
7878
<router-link to="/foo" tag="li">foo</router-link>
@@ -96,10 +96,10 @@
9696

9797
Le comportement par défaut de la correspondance de classe active est une **correspondance inclusive**. Par exemple, `<router-link to="/a">` vera cette classe appliquée tant que le chemin courant commencera par `/a/` ou `/a`.
9898

99-
Une conséquence de cela est que `<router-link to="/">` sera actif pour toutes les routes ! Pour forcer le lien dans un "mode correspondance exacte", utilisez la prop `exact`.
99+
Une conséquence de cela est que `<router-link to="/">` sera actif pour toutes les routes ! Pour forcer le lien dans un « mode correspondance exacte », utilisez la prop `exact`.
100100

101101
``` html
102-
<!-- ce lien sera uniquement actif à / -->
102+
<!-- ce lien sera uniquement actif à `/` -->
103103
<router-link to="/" exact>
104104
```
105105

@@ -113,7 +113,7 @@
113113

114114
- défaut : `'click'`
115115

116-
Spécifie les événement(s) que peuvent lancer la navigation de lien.
116+
Spécifie les évènement(s) que peu(ven)t lancer la navigation de lien.
117117

118118
- **exact-active-class**
119119

@@ -127,7 +127,7 @@
127127

128128
### Appliquer la classe active à l'élément extérieur
129129

130-
Parfois, on voudrait que la classe active soit appliquer à un élément extérieur au lieu de l'élément `<a>` lui-même, dans ce cas, vous pouvez faire le rendu de cet élément extérieur en utilisant `<router-link>` et en entourant le tag `<a>` :
130+
Parfois, on voudrait que la classe active soit appliquée à un élément extérieur au lieu de l'élément `<a>` lui-même, dans ce cas, vous pouvez faire le rendu de cet élément extérieur en utilisant `<router-link>` et en entourant le tag `<a>` :
131131

132132
``` html
133133
<router-link tag="li" to="/foo">

0 commit comments

Comments
 (0)