Skip to main content
Filter by
Sorted by
Tagged with
1 vote
3 answers
34 views

How can recreate a React useState in Vue?

I am trying to create a toggle functionality to make a search bar appear and reappear by pressing on a button. I am unsure to why this code is wrong. Does anyone have any insight? <template> &...
youssefrag's user avatar
0 votes
0 answers
13 views

Image route that is dynamically generated, not html content type

I have a Vue3 SPA that generates dashbaords and such. When I visit https://website.com/#/ it loads my app. I want to visit https://website.com/#/dynamic-img and have the response be a image/png media ...
clay's user avatar
  • 6,017
1 vote
0 answers
16 views

Changing style of DataTable in PrimeVue v4

I am trying to change the column header color in the PrimeVue v4 DataTable, but none of the methods I've tried worked. I might be able to do this by changing the CSS classes globally. If so, what is ...
LearnThings's user avatar
-1 votes
0 answers
26 views

Components Disappearing After Password Reset [closed]

am working on a full-stack project where I have encountered a strange issue: When a user resets or changes their password, some components in the application become invisible to them. This issue ...
mehul kumar's user avatar
0 votes
1 answer
63 views

proper way to compute a value based on a store?

I have a view that stores items in a reservation liste. The reservation list sits in a store. this is a vuetify switch <v-switch hide-details inset color="black" :value="...
theking2's user avatar
  • 2,783
0 votes
1 answer
26 views

How to fetch data in router index.ts?

So I have the problem that the routes are getting loaded too late, and they exist, but when I reload the page, they won't show, so my guess is that they are getting loaded too late. I have the ...
Robin's user avatar
  • 11
0 votes
0 answers
13 views

Correct attribution for embedded Hubspot form

I have an embedded hubspot form on my website, but when traffic comes from Google Ads it does not get attributed correctly. Instead all the traffic is shown as "direct traffic". I want to ...
Julian Weimer's user avatar
1 vote
1 answer
30 views

How to fix the flickering of GET parameters in the address bar?

Flickering of parameters in the address bar (Laravel Jetstream + Vue) When I generate a URL like this: http://localhost/admin/users/list?page=2&field=name&direction=asc and navigate to it, I ...
Maksim's user avatar
  • 11
0 votes
1 answer
21 views

Google results icon for my website is default VueJs icon

I made a website using VueJs and a Template. Google crawled the website and used the Vue icon as Google results icon (see screen). I removed the icon and replaced by another one using the same icon ...
Jean-Loup's user avatar
  • 338
0 votes
2 answers
23 views

due to the fact that in the parent min-height: 300px; overflow doesn't work how to fix it

<template> <div class="chat"> <div class="container"> <div class="messages"> <p>s</p> </div> ...
Falkys's user avatar
  • 1
0 votes
1 answer
48 views

I tried to change the CSS of an Ionic element

I'm trying to learn Ionic with Vue.js. I want to do something simple: just change the background color, but it doesn't work. I don't found good documentation explaining how can i do that <template&...
Lucas Van Vooren's user avatar
-1 votes
0 answers
28 views

Vue3 template not re-rendered while variable update is visible in VueDevTool

I know that there is already numerous posts on the subject but I can't find an explanation to my problem. So here is my contribution to the series of posts on Vue reactivity !! My application simply ...
charlycou's user avatar
  • 1,988
0 votes
0 answers
18 views

How to trigger IntertiaUI modal from a Laravel controller

I am using InertiaUI modal: https://inertiaui.com/inertia-modal/docs/introduction for my Vue3 application. It works fine from the front end when I use the ModalLink and Modal provided by InertiaUI: &...
Rj Jr's user avatar
  • 1
0 votes
0 answers
15 views

How can i send an url on telegram and avoid the default telegram in app browser to open?

I'm writing this because i created an spa website using vue. This website uses the Telegram Login Widget but now i'm having a problem. If i send this website on telegram to a friend (with iOS) and the ...
Rom7x's user avatar
  • 78
1 vote
1 answer
18 views

Linking inside a i18n message (vue3)

I am using Vue3 with vue-i18n to translate the page to several languages. let's say I have the following setup : messages: { "en": { "title": "Hello @:name", &...
Triest's user avatar
  • 58
0 votes
1 answer
34 views

Adjusting Front end in VUE to match Python back end

I've deployed an Azure Function App that allows scheduling of Azure VMs to be powered on. I'm being asked to update this to instead power the VM on demand and auto power off after 8 hours. I've ...
Michael Shepard's user avatar
0 votes
2 answers
39 views

async defineAsyncComponent only returns [Object object]

I'm hoping to use defineAsyncComponent to load a built umd into a separate built Vue app, (eventually) dynamically. They're both using identical vue and vite versions, the latest at the time of ...
Wilson Revehl's user avatar
0 votes
2 answers
28 views

Get storage image url as a string with VueFire

I'm a beginner with VueJS and I'm facing my first big blocking issue as I'm trying to get an image URL from Firebase Storage, using the VueFire plugin. Here's what I do: placeStore.ts is where I ...
Floran's user avatar
  • 57
2 votes
0 answers
28 views

Change height when keyboard appears (Telegram Web App, Vue)

The problem is that when the input keyboard appears, the height changes and chat__header goes up, and message-input does not rise properly. This application Telegram WebApp on Vue (@vue-tg) App.vue &...
darl1ne's user avatar
  • 416
1 vote
0 answers
14 views

Nextcloud and VueDesigner

I am trying to get Pinegrow's VueDesigner to work with a Nextcloud app I am writing. The incentive is huge but so are my problems of bringing the two together. Nextcloud will use Vue 3 only in future ...
patmin's user avatar
  • 137
1 vote
0 answers
18 views

v-data-table: Ellipsis Truncation Causing Inconsistent Subject Display and Tooltip Behavior

I am using a v-data-table to display a list of correspondences, where each correspondence has a subject. Due to long subject texts, I have applied ellipsis (text-overflow: ellipsis) to truncate them. ...
HNasser's user avatar
  • 36
0 votes
0 answers
21 views

nuxt3 i18n: how can I localize dynamic slugs

I am struggling with localizing slugs for a nuxt3 app with i18n (https://i18n.nuxtjs.org/docs/getting-started). I want to define some localized slugs somewhere. I tried for example to set them in my ...
Merc's user avatar
  • 4,560
1 vote
1 answer
17 views

Vue 3: Clear a input field value when a checkbox is checked

I have a form field that is an input text field and a checkbox. If the user types into the input field, then checks the checkbox I want to clear the input field so it's empty and the checkbox is ...
user2953989's user avatar
  • 2,979
0 votes
1 answer
19 views

useIonRouter how to replace whole URL

I am using Ion Router from Ionic, and I would like to replace the entire path. My path: http://localhost:3000/app/integrations I would like to go to: https://app.hubspot.com/oauth/ But I am left ...
Peter Plevko's user avatar
1 vote
1 answer
40 views

Computed property lack of reactivity for deep nested object

EDIT01: I'm using "nuxt": "^2.16.0" with "@nuxtjs/composition-api": "^0.29.2". I'm have been trying for days to figure this out but still dealing with this ...
Lowtrux's user avatar
  • 208
0 votes
0 answers
24 views

Component is missing template or render function, issue with router

This was working, but then I added ts to vue, and got into next problem: My router.ts : import { createRouter, createWebHistory, RouteRecordRaw } from 'vue-router' import TicketsList from './../pages/...
Veljko Sirovljević's user avatar
0 votes
0 answers
10 views

Flask-SocketIO and Vue: Stuck on Port 6114 Instead of 5114 — Hardcoded References?

I have a Flask-SocketIO backend (viewer.py) and a Vue frontend (using Vite). I’m trying to switch from port 6114 to 5114 for my socket connection, but can’t get the code to reflect that change. Even ...
baluviki's user avatar
0 votes
0 answers
41 views

Scoped styles unexpectedly leak into recursive child in Vue.JS

Link to Code Sandbox The child element shouldn't have a border, but it does. This issue can only be resolved by changing [data-border] li to a more strict combinator [data-border] > ul > li. ...
Eugene Barsky's user avatar
0 votes
0 answers
28 views

Dynamic Components Not Rendering from the Database

I am trying to integrate dynamic components inside my Vue 3 blog articles stored in MongoDB to reduce the work of specifying image details every time. However, the image component is not being ...
sofies's user avatar
  • 15
1 vote
1 answer
18 views

Vue 3 capture button click within html and call function

I've been converting my Vue3 app to smaller SFCs and I'm struggling to capture the click event on a button within the html page. Before, I had my component with a template, but I've moved the template ...
AdRock's user avatar
  • 3,096
0 votes
0 answers
14 views

Fetching data from PodBean in JS/Vue/Nuxt

I'm trying to use the PodBean API to just fetch data from my Podcast (a list of episodes), but the documentation isn't too clear (and I'm not knowledgable enough) to figure out how I do this using Vue/...
user26240703's user avatar
0 votes
1 answer
44 views

iOS app created with Capacitor is unable to start

I have a webapp created in Vue.js. By using Capacitor, it is ported to android where it was tested and works seamlessly. I also tried to set it up on iOS, but after successful building, it terminates ...
taughtmarci's user avatar
0 votes
3 answers
29 views

Expand component in Vuetify's grid layout

Using vuetify, I need to create this layout: [1] [4] [7] [2] [5] [8] [3] [6] [9] Where each number is a component, and the columns could have n components (not necessarily 3). Component #1 will have ...
lpares12's user avatar
  • 4,003
0 votes
0 answers
33 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 ...
zmaten's user avatar
  • 477
1 vote
0 answers
29 views
+100

Electron + Mocha + WDIO unable to mock ipcMain calls

I'm having an issue with mocking ipcMain in wdio + electron + mocha. I have a running electron app that I'm trying to e2e test, but I'm unable to intercept / replace ipcMain message responses. I may ...
Erty Seidohl's user avatar
  • 4,549
1 vote
1 answer
38 views

Getting crazy with abstract inheritance and members visibility

this is driving me crazy. I keep getting an error like: 'Type '{ habilete: number; endurance: number; hit: (damage: number) => void; }' is missing the following properties from type 'Monster': ...
Eldoïr's user avatar
  • 119
0 votes
1 answer
20 views

Laravel and Vue .env dynamic MIX_ Variables, with laravel mix

my problem is the following: I have a Laravel application where the variables in the .env file need to be dynamic. The issue is that when I compile it, the variables get hardcoded in the app.js file. ...
José Manuel Rodríguez's user avatar
0 votes
0 answers
18 views

TypeError: animationBuilder is not a function

So the whole error is as follows: @ionic_vue.js?v=bbc2dfce:18984 TypeError: animationBuilder is not a function at animation (chunk-YNRD7USV.js?v=bbc2dfce:838:17) I know I can disable the entire ...
Peter Plevko's user avatar
0 votes
0 answers
38 views

why is it that #text HTMLElement reference to parent Node sometimes return null

I am getting focused element target with selection API this way below const target = window.getSelection()?.focusNode; And when the focusNode is #text HTMLElement, I would want to get the #text Node ...
amachree tamunoemi's user avatar
0 votes
0 answers
20 views

Paymongo webhook not receiving failed payment response

I am currently working on a project where we are using PayMongo as our payment gateway. I am facing an issue with retrieving the failed payment response using the PayMongo webhook. Whenever I select ...
Yorko's user avatar
  • 1
0 votes
0 answers
18 views

Cannot use Vue DevTool despite multiple configuring attempts

I'm developing a mini board game with Vue.js frontend and Django backend. Currently, I use Django to serve the static files under a /static directory, and I configured vite.config.js to output the ...
AprilGrimoire's user avatar
0 votes
0 answers
30 views

Issue with loading existing data into Shadcn Stepper Component via API

I am trying to load the existing saved details via API into the Shadcn Stepper component but its somehow not working and i am unable to find a solution. Following is my stepper code: <div class=&...
Akash Shah's user avatar
0 votes
0 answers
15 views

Vuejs HTML2pdf Content Break in mid way

I'm using the vue-html2pdf library to generate PDFs from dynamic data in my Vue.js application. I'm trying to control page breaks within the PDF, especially for a grid layout where each item is ...
Noobx Gamer's user avatar
2 votes
1 answer
47 views

Why does my icon sometimes fail to display?

So in my code, I use an icon in the following way: <template> <IconTeamJournal class="w-4 h-4" /> </template> <script setup lang="ts"> import ...
Peter Plevko's user avatar
1 vote
1 answer
58 views

Vue 3.1.12 - v-model doesn't work with dynamic generated select

I have an indefinite number of selects. For each select, I need to track the change in their values. So I used v-model: <!-- Options --> <div class="size-box" v-for="(values, ...
viktoriya ivanets's user avatar
1 vote
0 answers
30 views

Loading MDX Files From public Directory In NUXT (production)

I Am Currently Trying to load mdx files from my nuxt projects public/docs folder my approch currently is as follows async function loadMDX(componentPath) { try { const { public: { docsBasePath ...
Ketsebaot Gizachew's user avatar
0 votes
0 answers
35 views

The button I wrote in VueJS remains disabled

I wrote a voice command application for VUEJS, but once I press the talk button, it does not work again, I need to refresh the page, how can I solve this problem? My Code; <div class="...
E-Yaz Yazılım's user avatar
0 votes
0 answers
28 views

Nuxt 3, Nuxt Page, how should I apply transition if only one page (no navigation), when landing on site

Just finishing off my landing page, which will be online whilst I build my new portfolio. Thing, is I am thus not using router. I consulted the Nuxt AI, and it told me that the following would work in ...
Thomas James Thorstensson's user avatar
0 votes
1 answer
47 views

WebStorm not recognizing methods of reactive objects

I am using WebStorm 2024.3.1.1 on MacOS for my current Vue.js project, but the recognition of class methods of reactive objects does not work as expected, i.e. WebStorm is displaying "unresolved ...
Florian Wörister's user avatar
0 votes
0 answers
18 views

VueJS Webapp with Electron and Javascript: JSON File Read/Write Issue when Building Executable

I am developing a web application using VueJS and building it with Electron. I have a common file that contains information which needs to be read and written at runtime, acting like a database ...
Lukey's user avatar
  • 1

1
2 3 4 5
2167