Skip to main content
0 votes
0 answers
23 views

Vue 3 Payment Success Page API Called Twice in Production After Stripe Redirect

I'm building a Vue 3 SPA with Vuex and Vue Router. On my Payment Success page, I call an API to assign purchased drinks: created() { this.buyDrink() }, methods: { buyDrink() { const payload = ...
Abhinand K's user avatar
0 votes
1 answer
70 views

Scroll Behavior issue with Vue Router and Vite

I've set up a front-end environment with Vue.js, Vite, and Vue Router. When I navigate between pages, the scroll position is remembered, causing the new page to start at the previous location instead ...
HISTIGMA's user avatar
1 vote
0 answers
44 views

Avoid duplicated base URL when serving Vue SPA index.html locally and assets from CDN via Nginx

I’m hosting a Vue.js single-page application using history mode routing. The app’s static assets (JavaScript, CSS, images) are stored on DigitalOcean Spaces CDN, with the Vue app’s publicPath ...
Jacob Nolan's user avatar
0 votes
1 answer
34 views

Using properties in router-link to field

I have a list of items each with a name and numerical ID. Each one I want to render as a component with a link to a page for that item. This requires me to have a <router-link> tag. I cannot ...
nxe's user avatar
  • 281
0 votes
1 answer
50 views

Vue Router Does Not Replace the Whole Path

The route I'm having trouble is the below one: { path: "/report/:reportid", component: ReportPage, name: "ReportPage", props: true, meta: { requiresAuth: true }} This page hooks a ...
RaZzLe's user avatar
  • 2,150
1 vote
0 answers
33 views

Getting back same point after link at infinite scrolling?

I’m a Vue developer and I use @tanstack/vue-query to fetch data. I have a page with cards wrapped in router-link and infinite scrolling. The problem is when I scroll many times, go to a card (navigate ...
Feruz Atamyradow's user avatar
0 votes
0 answers
44 views

How can I pass a parameter in vue 3

I am learning learning Vue/JavaScript for the first time and I've ran into a problem I am unable to figure out. I am trying to pass a some data I need to the next page via a parameter. Every time I ...
stirling's user avatar
  • 165
0 votes
1 answer
371 views

Why is useRouter() always returning undefined in my library

I have a vue.js library thats supposed to be kinda simple i just have a custom function for creating a vue app like this: import AppComp from "./components/App.vue"; export const ...
Mohammad Si Abbou's user avatar
0 votes
0 answers
32 views

Vue router lazy loading not rendering

I'm trying to convert a react project to vue, for educational purposes only. Instead of using RouterLink, I used a regular anchor like: <li><a href='#' @click="handleNavMenu('/URL')"...
Andre RB's user avatar
  • 316
0 votes
0 answers
66 views

404 error when refreshing browser in Vue app

I have a Vue 3 app that utilizes the Composition API, Vue Router w/ history mode, Vite, Vuetify and Typescript. When I refresh the browser on a different page, I get a 404 error, and I'm pretty ...
Ethan's user avatar
  • 83
0 votes
0 answers
24 views

Nuxt not recognizing directory in interpolated route

I am attempting to create an image link in Nuxt component <NuxtLink v-if="player?.image_url" :to="`/players/${player.slug}`" > &...
user2799827's user avatar
  • 1,139
2 votes
1 answer
212 views

How to use Vuetify in Vue SFC Playground?

I am trying to use both Vue Router and Vuetify in Vue SFC Playground. I began with the Vue Playground example of Vue Router (taken from Getting Started). This had Vue Router already imported, so I ...
TripleCamera's user avatar
1 vote
1 answer
55 views

Lazy Loading Routes with conditions

My routes.js is: {... path: ":term", name: "some-name", component: () => import("../path/to/com.vue") } ... Question is: How to make smth like this and make it ...
Max S's user avatar
  • 131
0 votes
0 answers
29 views

Convert Vue-Router routes to Nuxt pages - issue with nested routes and params

I have the following route defined in my Vue2 app: classes: { path: "/:type(workout|relax)", name: "classes", component: () => import("@/views/Classes.vue&...
vuelicious's user avatar
1 vote
1 answer
45 views

Declaring object.prototype in js - VueRouter it automatically calls a method

I declared an extension method for objects by creating my own function. However, I do not call or import it anywhere. As a result, I get an exception. How can I fix this? I don't recall such behavior ...
padavan's user avatar
  • 929

15 30 50 per page
1
2 3 4 5
414