Category "vue-router"

Production build is missing a piece of template

As the problem states, the router-view is not showing up within the vite preview, however it does show up when running vite. I need to have it work in the previ

when using vue-router all things goes well but there always has error when I click the nav items?

enter image description here when i click nav items there has an error, but the application goes well! <a @click="$router.push({ name:'my' ,param

Vue Router route query param added by beforeEnter lost after navigate into the same route

When navigating into the same route you are currently at, the route query page added by the before enter route guard is lost. This is due to the fact that route

How to implement permalinks in a serverless Vue SPA

I made this little app which is a simple Vue serverless SPA. I wish to pass an array of strings and a an array of numbers through the URL so that I can share "s

Vuejs + Laravel router redirection issue

After login, page should redirect on dashboard component and it does but then again redirect on laravel app url Route : I have used Vue Router const routes

Direct url with hash value does not work with vue-router

Navigating to url: site.com/#locallink 'redirects' to site.com, first time entered in the browser - in other words, does not jump to the anchor. If I simply re-

vue.js how to create a route poiting to a XML file instade of .vue

I'm trying to figure out how can I create a route pointing to a xml file using vue-router. Actually I need this because I need to set a sitemap.xml at Google se

How to setup `vite-plugin-pages`, cannot find module `~pages`

I'm trying to set up file system based routing for a Vue 3 application using Vite with the help of vite-plugin-pages. I created the project using yarn create vi

Paginated async Component doesn't trigger setup() on route change

I have a paginated component. The async setup() method is pulling data from an API to populate the page. It works fine when the route is directly loaded, but wh

Get Url Vue js (Router)

i am developing an app in vue js with quasar and i would like to get current url in the index.js of Router folder but i do not know how. the problem is we can n

How do I configure http-server for history mode in Vue JS 2?

I have a Vue JS application built in the directory dist. For running I use http-server installed globally by the command: npm install -g http-server I run the

Display a specific route in a different router-view

I've got a Vue 3 app with Vue Router 4 and I want to achieve this: <template> <v-app> <router-view></router-view> //This is where

Toggling components depending of the current path in Nuxt

My layouts/default.vue looks like this: <template> <v-app style="background-color: transparent; color: unset"> <v-main> <ActHea

How to prevent double invoking of the hook created?

So I have a problem with my vue3 project. The gist: I need to support different layouts for some use cases: authorization, user profile's layout, group's layout

In Vuejs3 how to make the sticky header component change background colour when intersecting with other components?

I am just wondering, how to structure my code to make my sticky <Header /> component change its background-color when intersecting with other components (

routers and components in vue.js

My component information is not displayed!!! the router is working great and I test it to many times but there is nothing in components when I run the project.

where to look in meteor app if vue-router suddenly stops sending props to other vue compoents

everything was working just fine and suddenly now Vue components are not receiving the props sent on router-view. I've tried deleting the 'local' and .cache fol

Vue 3 dynamic components at router level

Dynamic imports is needed for me, eg. i have 10 layouts, but user only visited 3 layouts, I should not import all of the layouts, since its consumed unnecessary

VUE js How hide routes by role in vue-router? Spa Laravel Vue

I am writing a SPA application (laravel + vue). There was a question how to hide routes in vue-router before authorization of a user with a certain role. Now th

NuxtJS change query params and reload page

I have a route in my NuxtJS application that accept query parameters. I'm trying to implement a logic that allow the user to change the query parameters and rel