You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
* VueRouter vs. Vue Router
Signed-off-by: Bruno Lesieur <[email protected]>
* `VueRouter` vs. Vue Router
* no changes for EN docs.
Signed-off-by: Bruno Lesieur <[email protected]>
* New review from @rspt
Signed-off-by: Bruno Lesieur <[email protected]>
* Introduce @rspt review
Signed-off-by: Bruno Lesieur <[email protected]>
* @posva review
Signed-off-by: Bruno Lesieur <[email protected]>
* Update documentation with version 2.5
Signed-off-by: Bruno Lesieur <[email protected]>
* Little fixes
Signed-off-by: Bruno Lesieur <[email protected]>
* Add + to version
Signed-off-by: Bruno Lesieur <[email protected]>
* Little french fix
Signed-off-by: Bruno Lesieur <[email protected]>
* Typo fix
Signed-off-by: Bruno Lesieur <[email protected]>
* 2018 jan-fev update
Signed-off-by: MachinisteWeb <[email protected]>
* typo
Signed-off-by: MachinisteWeb <[email protected]>
* Update named-views.md
Copy file name to clipboardExpand all lines: docs/fr/advanced/navigation-guards.md
+1-1
Original file line number
Diff line number
Diff line change
@@ -32,7 +32,7 @@ Chaque fonction d'interception reçoit trois arguments :
32
32
33
33
-**`next('/')` ou `next({ path: '/' })`**: redirige vers le nouvel URL. La navigation courante va être arrêtée et une nouvelle va se lancer. Vous pouvez passer n'importe quel objet à `next`, vous permettant ainsi de spécifier des options comme `replace: true`, `name: 'home'` et n'importe quelles options dans [la prop `to` du `router-link`](../api/router-link.md) ou [`router.push`](../api/router-instance#méthodes).
34
34
35
-
-**`next(error)`**: (2.4.0+) si l'argument passé à `next` est une instance de `Error`, la navigation va s'arrêter et l'erreur sera passée aux fonctions de rappel via `router.onError()`.
35
+
-**`next(error)`**: (2.4.0+) si l'argument passé à `next` est une instance de `Error`, la navigation va s'arrêter et l'erreur sera passée aux fonctions de rappel enregistrées via [`router.onError()`](../api/router-instance.html#methods).
36
36
37
37
**Assurez-vous de toujours appeler la fonction `next`, sinon le hook ne sera jamais résolu.**
Copy file name to clipboardExpand all lines: docs/fr/essentials/named-views.md
+58
Original file line number
Diff line number
Diff line change
@@ -26,3 +26,61 @@ const router = new VueRouter({
26
26
```
27
27
28
28
Une démo de cet exemple peut-être trouvée [ici](https://jsfiddle.net/posva/6du90epg/).
29
+
30
+
## Vues nommées imbriquées
31
+
32
+
Il est possible de créer des dispositions complexes en utilisant les vues nommées avec les vues imbriquées. Quand vous le faites, vous devez nommer les composants imbriqués de `router-view` utilisés. Voyons cela avec un panneau de configuration exemple :
-`UserEmailsSubscriptions`, `UserProfile`, `UserProfilePreview` sont des composants de vue imbriqués.
49
+
50
+
**Note** : _mettons de côté la partie HTML / CSS de cette disposition et concentrons nous sur le composant utilisé en lui-même._
51
+
52
+
La section `<template>` pour le composant `UserSettings` de la disposition ci-dessus devrait ressembler à quelque chose comme cela :
53
+
54
+
```html
55
+
<!-- UserSettings.vue -->
56
+
<div>
57
+
<h1>Paramètres utilisateurs</h1>
58
+
<NavBar/>
59
+
<router-view/>
60
+
<router-viewname="helper"/>
61
+
</div>
62
+
```
63
+
64
+
_Le composant de vue imbriqué est omis ici mais vous pouvez le trouver dans le code source complet de l'exemple ci-dessus [ici](https://jsfiddle.net/posva/22wgksa3/)._
65
+
66
+
Puis vous pouvez achever la disposition ci-dessus avec la configuration de route :
67
+
68
+
```js
69
+
{
70
+
path:'/parametres',
71
+
// Vous pouvez également avoir des vues nommées à la racine
72
+
component: UserSettings,
73
+
children: [{
74
+
path:'emails',
75
+
component: UserEmailsSubscriptions
76
+
}, {
77
+
path:'profile',
78
+
components: {
79
+
default: UserProfile,
80
+
helper: UserProfilePreview
81
+
}
82
+
}]
83
+
}
84
+
```
85
+
86
+
Une démo de cet exemple peut-être trouvée [ici](https://jsfiddle.net/posva/22wgksa3/).
0 commit comments