All Questions
Tagged with vuejs3 quasar-framework
294
questions
1
vote
0
answers
20
views
Quasar qpopup edit async validation not working
I am facing issue with qpopupedit async validation I created a codepen. I think it is converting return boolean value to a string. can anyone check why it is not working ?
I created a Codepen you can ...
0
votes
1
answer
36
views
How to access QInput element on mounted in Quasar 2
I want to access QInput element on mounted, so I make a custom directive. When I logged to the console, the element shown is QLabel. How to correctly access QInput element when it is mounted?
<...
0
votes
0
answers
31
views
How to add a third-party plugin in Quasar Framework (using SPA)?
I'd like to use the VueFire Vue Plugin in a Quasar project. I'm using Quasar as SPA application.
VueFire's documentation suggest installing it like this:
import { createApp } from 'vue'
import { ...
0
votes
1
answer
54
views
Cordova iOS application - Opening a barcode reader causes a new screen to appear on top of the existing screen
After a recent IOS update, when we open the scanner an additional blank screen pops out apart from the regular scanner screen because of which the scanner functionality doesn't work. Refer attached ...
0
votes
0
answers
62
views
How to setup Google Analytics 4 with Quasar SPA Vuejs app
Having a hard time finding documentation or resources on setup of GA4 tracking for Vuejs 3 Quasar based app using typescript.
Would be nice to figure out how to setup vue-gtag package with it.
If ...
0
votes
0
answers
14
views
How to install Revenuecat on a Quasar/Vue app?
I have a quasar app that uses capacitor to create iOS apps. I am new to Revenuecat and trying to figure out the installation flow. The only relevant docs I see are the react or iconic/capacitor apps. ...
1
vote
0
answers
44
views
Better approach to handle manual request in Apollo/GraphQL
Need some help with Graphql and Vue 3.
Look at this request:
const {
result,
loading,
error,
refetch,
onResult,
load
} = useLazyQuery(unitsQuery, variables, {
fetchPolicy: 'no-cache',
...
0
votes
0
answers
79
views
How to access custom properties for pinia stores inside a setup store?
Let's say I define some custom properties for Pinia stores:
declare module 'pinia' {
export interface PiniaCustomProperties {
readonly router: Router;
set hello(value: string | Ref<...
1
vote
1
answer
111
views
Listen to input validation events on Quasar
In my Vue3 Quasar project, I have a component similar to this:
<template>
<div class="q-pa-md">
<div id="myCustomLabel">{{ props.label }}</div>
&...
0
votes
1
answer
147
views
How to use vite-plugin-rewrite-all with Quasar (Vue 3)? (or enable periods in path another way)
When using quasar+vite in vueRouterMode: 'history' mode with paths matching thing/:id where the id has a period/dot, a 404 is returned. This is documented in a few different places:
https://github....
0
votes
0
answers
59
views
Video stream not displaying in browser using WebRTC
I'm currently working on a project where I'm trying to display a video stream received via WebRTC in a browser using VueJS (Quasar Framework) from one component to another. However, despite setting ...
0
votes
0
answers
34
views
ApexCharts set global default colors with Vue3
How to set global default colors and/or theme palette for ApexCharts using Vue3 + Typescript ?
PS: I'm using quasar cli.
I've tried to set Apex.colors following documentation, but it's not working.
I'...
0
votes
1
answer
60
views
How to emit an Event in VueJS 3 outside of a component?
I have a component that has an action to delete items. At the end of this operation I'd like to inform the parent component to refresh its data.
<template>
<div class="q-pa-md row ...
0
votes
0
answers
34
views
Cannot read properties of undefined (reading 'left') TypeError: Cannot read properties of undefined (reading 'left')
I am using Vue3 app and Quasar for UI components. I implemented header and basic page styling using quasar and then wanted to have tabs within a page. Whenever i use q-tabs in component.vue file i get ...
0
votes
1
answer
109
views
Issue with displaying Vue.js components inside q-expansion-item
I'm working on a Vue.js project using the Quasar Framework and I'm facing an issue. I have a list of items (essentialLinks) that I'm displaying using EssentialLink components inside a q-expansion-item....