Skip to content

vue-router / RouteRecordSingleViewWithChildren

RouteRecordSingleViewWithChildren

Route Record defining one single component with a nested view. Differently from RouteRecordSingleView, this record has children and allows a redirect option.

Extends

Properties

alias?

ts
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?

ts
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

_RouteRecordBase.beforeEnter


children

ts
children: RouteRecordRaw[];

Array of nested routes.

Overrides

_RouteRecordBase.children


component?

ts
optional component: null | RawRouteComponent;

Component to display when the URL matches this route.


components?

ts
optional components: undefined;

end?

ts
optional end: boolean;

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

Default Value

true

Inherited from

_RouteRecordBase.end


meta?

ts
optional meta: RouteMeta;

Arbitrary data attached to the record.

Inherited from

_RouteRecordBase.meta


name?

ts
optional name: RouteRecordNameGeneric;

Name for the route record. Must be unique.

Inherited from

_RouteRecordBase.name


path

ts
path: string;

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

Example

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

Inherited from

_RouteRecordBase.path


props?

ts
optional props: _RouteRecordProps;

Allow passing down params as props to the component rendered by router-view.

Overrides

_RouteRecordBase.props


redirect?

ts
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?

ts
optional sensitive: boolean;

Makes the RegExp case-sensitive.

Default Value

false

Inherited from

_RouteRecordBase.sensitive


strict?

ts
optional strict: boolean;

Whether to disallow a trailing slash or not.

Default Value

false

Inherited from

_RouteRecordBase.strict

Released under the MIT License.