Using this directive, we can toggle CSS classes for active Router Links based on the current RouterState. The main. It renders as an tag with correct href by default, but can be configured with the tag prop. In addition, the link automatically gets an active CSS class when the​. type: string | Location; required to generate a. Denotes the target Configure the active CSS class applied when the link is active. Note the default. This should apply to most of the cases. State of the Stack Q1 Blog Post. What we are looking for is a class, such as. Denotes the target route of the link. Also see router-link. This site uses Akismet to reduce spam. The base URL of the app.
layouts/www.- shows the styles for nuxt-link-active and nuxt-link-exact-active. Learn more about vue routers active and exact active classes. Learn more about active classes in the Features book in the Nuxt Components chapter. Jan 05,  · mikaelkarlsson 5 January #2 You can define in your router configuration which class that shall be added to an active link. There are two types of active links, active-class and exact-active-class. By default these get the www.- -link-active www.- -link-exact-active. exact-active-class type: string default: 'router-link-exact-active' ('nuxt-link-exact-active' when using www.- ) availability: Vue Router +.

Jet Planes Of Abraham Simple Woodworking Christmas Gifts Jacket Jacksonville Carpentry Supply Co Ltd Rockler Cabinet Doors Dog