vue-router / RouteRecordMultipleViewsWithChildren

RouteRecordMultipleViewsWithChildren

Route Record defining multiple named components with the components option and children.

Extends

• _RouteRecordBase

Properties

alias?

optional alias: string | string[];

Aliases for the record. Allows defining extra paths that will behave like a copy of the record. Allows having paths shorthands like /users/:id and /u/:id. All alias and path values must share the same params.

Inherited from

_RouteRecordBase.alias

---

beforeEnter?

optional beforeEnter: 
  | NavigationGuardWithThis<undefined>
  | NavigationGuardWithThis<undefined>[];

Before Enter guard specific to this record. Note beforeEnter has no effect if the record has a redirect property.

Inherited from

RouteRecordMultipleViewsWithChildren.beforeEnter

---

children

children: RouteRecordRaw[];

Array of nested routes.

Overrides

_RouteRecordBase.children

---

component?

optional component: undefined;

---

components?

optional components: Record<string, RawRouteComponent> | null;

Components to display when the URL matches this route. Allow using named views.

---

end?

optional end: boolean;

Should the RegExp match until the end by appending a $ to it.

Deprecated

this option will alsways be true in the future. Open a discussion in vuejs/router if you need this to be false

Default Value

true

Inherited from

_PathParserOptions.end

---

meta?

optional meta: RouteMeta;

Arbitrary data attached to the record.

Inherited from

_RouteRecordBase.meta

---

name?

optional name: RouteRecordNameGeneric;

Name for the route record. Must be unique.

Inherited from

_RouteRecordBase.name

---

path

path: string;

Path of the record. Should start with / unless the record is the child of another record.

Example

`/users/:id` matches `/users/1` as well as `/users/posva`.

Inherited from

_RouteRecordBase.path

---

props?

optional props: 
  | boolean
| Record<string, _RouteRecordProps>;

Allow passing down params as props to the component rendered by router-view. Should be an object with the same keys as components or a boolean to be applied to every component.

Overrides

_RouteRecordBase.props

---

redirect?

optional redirect: RouteRecordRedirectOption;

Where to redirect if the route is directly matched. The redirection happens before any navigation guard and triggers a new navigation with the new target location.

Inherited from

_RouteRecordBase.redirect

---

sensitive?

optional sensitive: boolean;

Makes the RegExp case-sensitive.

Default Value

false

Inherited from

_PathParserOptions.sensitive

---

strict?

optional strict: boolean;

Whether to disallow a trailing slash or not.

Default Value

false

Inherited from

_PathParserOptions.strict