Just adding a question mark ? will make it optional. { path: ‘/offers/:member?’, … }, It works for Vue Router 2.0 onward. Source: https://github.com/vuejs/vue-router/issues/235#issuecomment-245447122
After some experimenting with vue-cli3, i found that you can use vue add to setup components you missed. Use vue add router That set up the routing and created some sample components Home and About. This also work for other modules like adding vuetify with vue add vuetify. You can read more about vue add … Read more
One possible answer that I just found thanks to a GitHub issue is the following. It is possible to use the key attribute that is also used for v-for to let Vue track changes in the view. For that to work, you have to add the attribute to the router-view element: <router-view :key=”$route.fullPath”></router-view> After you … Read more
This is how I was able to get rid of the annoying warning: Include RouterLinkStub, eg.: import { shallowMount, createLocalVue, RouterLinkStub } from ‘@vue/test-utils’; Map NuxtLink stub to RouterLinkStub const wrapper = shallowMount(TestItem, { … stubs: { NuxtLink: RouterLinkStub } }) And in case you were checking nuxt-link text or something, change: const link = … Read more
v-list-tile, v-btn, and v-card all extend router-link, so you can use any of the router-link attributes directly on those components instead. In your case you can just use <v-list-tile :to=”item.link”>
You need to do the following: import Vue from ‘vue’; import VueRouter from ‘vue-router’; Vue.use(VueRouter); Ref: https://router.vuejs.org/en/installation.html new Vue({ el: “#app”, router: router, render: h => h(App), }) Hope it will help you
Here’s what I’m doing. First I’m using a meta data for the routes, so I don’t need to manually put all routes that are not requiring login: routes: [ { name: ‘About’ // + path, component, etc }, { name: ‘Dashboard’, // + path, component, etc meta: { requiresAuth: true } } ] Then, I … Read more
Catch all routes (/*) must now be defined using a parameter with a custom regex: /:catchAll(.*) For example: { // path: “*”, path: “/:catchAll(.*)”, name: “NotFound”, component: PageNotFound, meta: { requiresAuth: false } }
FOR vue-cli vue 3 render function missed in createApp. When setting your app by using createApp function you have to include the render function that include App. in main.js update to : FIRST change the second line in javascript from:- const { createApp } = Vue to the following lines: import { createApp,h } from … Read more
Try this code: routes: [ { path: “https://stackoverflow.com/”, redirect: ‘/defaultview’ }, { path: ‘/defaultview’, name: ‘defaultview’, component: DefaultView }, { path: ‘*’, component: NotFoundComponent } ]