6,200 questions
0
votes
0
answers
45
views
Prevent swipe back on IOS
I am building a Capacitor app using Vue and Ionic.
On iOS, I want to disable the default edge swipe back gesture on some screens.
I have seen a similar question where the solution was to override the ...
Advice
0
votes
1
replies
31
views
lazy loading layouts like `vue-router` does with components
I currently have a system whereby I can specify a layout on each route like this:
/router/index.ts
import Blank from '@/layouts/Blank.vue'
import Home from '@/views/Home.vue'
import { createRouter, ...
-2
votes
1
answer
118
views
Vue JS 3 reactive() very slow [closed]
I have a very basic Vue + Vite + Router + Pinia application that has a reactive({}) object in a Pinia store. If I update it with 1000 items it will freeze the browser for 3-5 seconds when it should be ...
1
vote
2
answers
57
views
Vue/Laravel - Mail URL mismatch leads to app root
Vue-Laravel-based environment, Mail sent to user with URL leads to a specific path on application - not app root - , on click it indeed redirects to required path - browser URL bar detects required ...
-1
votes
1
answer
82
views
How to safely redirect to /login without crashing on heavy page renders?
I’m running into an issue with Nuxt 4 / Vue 3 where I need to redirect the user to /login immediately after logging them out or when a token expires. The problem is that if I call navigateTo('/login') ...
-1
votes
1
answer
93
views
waiting for a page to load resources with vue-router - equivalent to window.onload?
i'm developing a game with vue.js & vue-router. this often involves fairly large image assets!
working in vanilla javascript, i've approached this with window.onload, displaying a div that only ...
0
votes
0
answers
36
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
179
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
58
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
40
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
64
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
41
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
53
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
497
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
36
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')"...