6,202 questions
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 = ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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')"...
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 ...
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}`"
>
&...
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 ...
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 ...
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&...
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 ...