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 <bruno.lesieur@gmail.com>
* `VueRouter` vs. Vue Router
* no changes for EN docs.
Signed-off-by: Bruno Lesieur <bruno.lesieur@gmail.com>
* New review from @rspt
Signed-off-by: Bruno Lesieur <bruno.lesieur@gmail.com>
* Introduce @rspt review
Signed-off-by: Bruno Lesieur <bruno.lesieur@gmail.com>
* @posva review
Signed-off-by: Bruno Lesieur <bruno.lesieur@gmail.com>
* Update documentation with version 2.5
Signed-off-by: Bruno Lesieur <bruno.lesieur@gmail.com>
* Little fixes
Signed-off-by: Bruno Lesieur <bruno.lesieur@gmail.com>
* Add + to version
Signed-off-by: Bruno Lesieur <bruno.lesieur@gmail.com>
* Little french fix
Signed-off-by: Bruno Lesieur <bruno.lesieur@gmail.com>
* Typo fix
Signed-off-by: Bruno Lesieur <bruno.lesieur@gmail.com>
* 2018 jan-fev update
Signed-off-by: MachinisteWeb <bruno.lesieur@gmail.com>
* typo
Signed-off-by: MachinisteWeb <bruno.lesieur@gmail.com>
* Update named-views.md
Copy file name to clipboardExpand all lines: docs/fr/advanced/navigation-guards.md
+1-1Lines changed: 1 addition & 1 deletion
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
+58Lines changed: 58 additions & 0 deletions
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