1,103 questions with no answers
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 ...
- 353
0
votes
0
answers
1k
views
How to have multiple instances of the same Vue JS component with vue-router?
I have a Vue component that is instantiated multiple times on the page with different data in each instance. I want the routes for these components to act independently of each other, where clicking a ...
- 1
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 = ...
- 41
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 ...
- 79
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 ...
- 752
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 ...
- 165
0
votes
0
answers
48
views
Product Detail page not routing in vue js
I have a product list page and productdetails page. When I click on the card of the product,it should go to that product detail page with the ID passed, but it doesnt happen.
I have two console.log. ...
- 16.5k
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')"...
- 316
0
votes
0
answers
98
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 ...
- 83
0
votes
0
answers
30
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}`"
>
&...
- 1,139
0
votes
0
answers
77
views
How to generate page routes automatically based on "/pages" folder?
I am building an SPA with Nuxt and from the documentation I got the idea that all *.vue files under /pages folder will be automatically used to generate routes. When I run my app locally the routing ...
- 14.3k
0
votes
0
answers
84
views
"NetworkError when attempting to fetch resource" with vue router 4, vue 3 and vuex 4
after an update, going from ‘vue js 2’ to ‘vue js 3’, ‘vue-router 3’ to ‘vue-router 4’ and ‘vuex 3’ to ‘vuex 4’, I'm trying to fix my code so that it all works with Laravel.
This code worked before ...
- 335
0
votes
0
answers
35
views
How are cascading router-view elements handled?
TL;DR: how are the priorities of Vue routes (global vs child) calculated?
Quasar is a Vue framework that can bootstrap applications. I am trying to follow its suggested structure but I am not sure how ...
- 30.7k
0
votes
0
answers
181
views
Route parameter for modal dialog using unplugin-vue-router
I'd like to create modal dialog pop-up window with it's own url.
Having table of server items I'd like to open one item and trigger pop-up with it's own url with fetched server item details. The pop-...
- 362
2
votes
0
answers
572
views
router-link-active class doesn’t work with different parameters values (Vue Router 4)
Hello everyone… I’m latin so my english is not very good looking.
I have this <router-link> component in my custom Navbar component.
<router-link :to="{ name: 'blog', params: { ...
- 21