13,652
questions
-1
votes
0
answers
17
views
setting currentTime for the video in electron not work [closed]
When I set currentTime for the video tag in electron for the first time, currentTime will become 0. I need to delete the video tag and create it again to set it correctly.
Also, I cannot change the ...
0
votes
1
answer
16
views
vue3 changes to component definition only applies to only one instance of the component
While writing a vue3 single file component i came across this issue. I am rendering this custom component inside a for loo. What is happening is any changes to the component template(tailwind class, ...
1
vote
1
answer
17
views
Vue JS change to-be-edited variable depending on parameter passed into function
Hi JS (and general) newbie here,
I'm currently trying to make simple webpage with Vue JS which has clickable content which results in that section expanding to reveal more content.
I did this with a ...
-1
votes
0
answers
16
views
I am getting this error in my vue.js project
when trying to import a component in another one this error " Failed to resolve import "./components/AdvancedChart.vue" from "src/components/StatisticsPage.vue". Does the ...
0
votes
0
answers
10
views
Why doesn't my update dialog see updated values in form?
I am developing a demonstration app in Vue 3 and Vuetify 3 and Pinia so that I can learn the main techniques of working with Vuetify. My app displays a list of transactions and provides a form for ...
0
votes
0
answers
19
views
How can I use the public folder in a custom npm package build with Vite?
I have a npm package build with Vue 3/Vite, and I have to put my fonts inside a public asset folder so vite can resolve it at build time. This works fine when I build the story book and then I run npm ...
0
votes
1
answer
11
views
How to pass data to child of child in Vue3
I have a few components:
Show - Parent
Banner - Child of Parent
DropdownHover - Child of Banner
I'm passing the object (inspection) to banner: <Banner :inspection="inspection" />
Then, ...
1
vote
2
answers
40
views
Vue3 @update:modelValue NOT working on objects?
This is basic stuff, I'm missing something obvious.
I have reproduced the basic v-model example from the docs:
https://vuejs.org/guide/components/v-model.html#basic-usage
and it is working fine. I ...
0
votes
0
answers
14
views
How to make a vuejs+vite project, add meta tags properly
I have a vuejs3+vite project. I used '@vueuse/head' library to add meta tags for each page like home, about-us, products page etc. but when i check the page source it is not showing my meta tags, ...
0
votes
0
answers
34
views
Vue.js render time optimalization
I have a problem with optimalization in vue.js. I know my thinking is not perfect but i need to optimize part of application quick.
I have app looking like Pinterest. I have 1k cards to show, every ...
0
votes
0
answers
18
views
Vue3EasyDataTable missing default export
I have project with Laravel 11 + vue3 and I'm using there Vue3EasyDataTable.
Everything works on dev, but when i try to build project with NPM RUN BUILD I got error:
resources/js/app.ts:17:8 - error ...
-3
votes
2
answers
46
views
Make layouts in with different css and js files [closed]
i use vue3 with Laravel and I want to make a layout for the admin panel and another one for the landing page, in the layout of the admin panel I use CSS and js files for metronic8 in welcome.blade.php ...
1
vote
1
answer
15
views
Tips for custom vue components
I'm using vs code. I wanted to find out if there is a way to create hints for a custom vue component.
Example: I have a component QLabelValuesItem and when I hover over it I want to see what it ...
0
votes
0
answers
7
views
Vue3 Jest Maska Error "Cannot find module 'maska/vue' from 'src/components/"
I am having a problem with a unit test using View3, Jest, and the Maska npm package. I think it's because the Maska npm project uses a sub folder for Vue. I import it like this:
import { vMaska } from ...
2
votes
0
answers
39
views
Problem to send my formData instance via axios with content-type multipart/form -data
I'm working on vue3 and I want to send my form data which may contain a file image to my API via axios request but I still have a problem. If I inspect the formData instance, all values are present ...
0
votes
0
answers
48
views
Handling timeout for proper redirect. Simultanious redirect and reload issues
I've implemented a timeout to show a modal and then redirect the user after a delay. Specifically, I’m having trouble with the page reload and redirect behavior. During the delay, if the user clicks a ...
0
votes
0
answers
22
views
How to write post request in vuejs [duplicate]
I know how to send get and post requests in js, but I stuck this error longer than 1day(I can't solve that)
I decided to create fetch post request in vuejs to my local server which is running in ...
0
votes
0
answers
28
views
Issues with running PATCH request in an Inertia, Vue 3 and Laravel 11, using Filepond
Firstly, I am using Inertiajs, Vue 3, and Laravel for my application. I have the following form for creating projects and uploading files to the backend. When creating a project (that's through a post ...
0
votes
0
answers
10
views
Apexcharts how to call render() in Vue3
I want to call chart.render() function to check if the chart is rendered. And found the API for Javascript as follow.
enter image description here
But it's can not be used for Vue3.
I tried to use ref ...
0
votes
2
answers
57
views
UI elements jitter when being conditionally rendered
I'm have an issue where buttons and links jitter on state change (when clicking on the "Sign Out" button). I tried both v-if and v-show and the jitter persists.
Video of the issue: https://...
0
votes
0
answers
25
views
Issue with Playwright Browser in Electron-Vue3 Build Using Electron-Builder
I'm working on an Electron-Vue3 application that uses Playwright for web scraping. Everything works fine during development, but after I build the installer with electron-builder, the browser stops ...
0
votes
0
answers
24
views
Is possible use vue3/vite components ou vue2/vite project?
Recently we start a upgrade in our system, made using vue2 and we upgrade to vue3, both using vite, but the system is on production and we can't just turn off and make the upgrade/refactor. The ...
-2
votes
0
answers
48
views
Proper use of <template> tag in Vuejs [closed]
I attended a bootcamp a few years ago (2019) and am trying to get back into it. One thing I came across is Vuetify uses multiple template tags per file or object. I tried looking online for what they ...
0
votes
2
answers
41
views
Primevue FileUpload custom error handling
For a project I'm using the PrimeVue component.
Since I'm dutch and the app will be in Dutch as well, I would like to catch the "file size too large" error and replace it with a Toast ...
0
votes
0
answers
21
views
How to disable the "Upload Image" button in unlayer using vue-email-editor?
I’m using vue-email-editor (a Vue wrapper for unlayer) to integrate an email editor in my Vue 3 project. Everything works fine, but I want to disable the "Upload Image" button that allows ...
0
votes
0
answers
15
views
Error in Rollup project Vue 3, Typescript
I'm receiving an error related to the rollup.config.js configuration of my Vue3 project.
Erro
[!] RollupError: Unexpected token (Note that you need plugins to import files that are not JavaScript)
src/...
0
votes
2
answers
22
views
Why is my vue array watcher not called when I push an item into the array
Here is a small typescript module:
import { ref } from 'vue'
import { i18n } from '~/i18n'
import { ElMessageBoxOptions } from 'element-plus'
const { t } = i18n.global
export const toasts = ref<...
0
votes
0
answers
42
views
How can I use a custom useFetch composable in a Pinia action?
I am using Vue3 + Nuxt3. My backend API is a separate NestJS project on a separate URL that will also change within environments. Because of this it is best for me to have a custom useFetch composable ...
-1
votes
0
answers
36
views
Vue 3 migration esm-bundler warnings
After completing the Vue 3 migration process using the migration build, we are seeing a bunch of esm-bundler warnings in the console. They all seem to be coming from vue.runtime.esm-bundler.js. Does ...
0
votes
0
answers
18
views
Primevue dynamic datatable in flexible dialog
I have an application showing lots of data in tables, most of which have dynamic column configurations retrieved from the server. Since there a potentially a lot of rows, I'd also like to use the ...
0
votes
0
answers
11
views
nuxt.config.ts - read env to activate header
I have a JavaScript that should be added to the header if a specific env-variable is set.
When I print the content of process.env, there seems to be none of my envs.
Here some code:
export default ...
0
votes
0
answers
15
views
Vue3's issue of the execution order of onLoad in different components
I have 2 comonents: A and B, each one has onLoad method. B will be used by A.
There is a ref named 'key' in A which is valued in A.onLoad, then passed to B as a parameter. In onLoad method of B, key ...
0
votes
0
answers
29
views
Vue3 & Vuetify Basic Layout Issue
I am trying out Vuetify and seem to be having some issues around the layout system. I am following the Application layout docs:
https://vuetifyjs.com/en/features/application-layout/
I want a simple ...
0
votes
0
answers
16
views
Umbraco Heartcore setup with separate front end (Vue)
We have just started up a project in Umbraco Heartcore to be able to set up a headless website for our company. I have set up a simple project with a Document Type "Page Template" which ...
0
votes
1
answer
26
views
Railway.app Laravel / Vue deployment: filepath error
I am trying to launch my laravel / vue app using vite on the platform Railway.app.
I'm relatively new to hosting, however from what I have seen that this is a very quick process using this platform ...
0
votes
1
answer
52
views
Intersection observer not triggering on page load and route back
I use useIntersectionObserver from VueUse to trigger a fade-in animation when an element enters the viewport. If I navigate to another page (e.g., click on an item in the carousel to view its details) ...
0
votes
0
answers
24
views
How can I read the incoming request headers in my Vue 3 app?
I'm prototyping a Vue 3 application that will be deployed to a Kubernetes environment the web traffic that reaches the web app contains the JWT in the request headers. Authn and authz are handled ...
0
votes
0
answers
19
views
Modify a model based upon a users value?
I need to have a component that has a text input, but what the user types is modified before sending it up to the parent model...
const model = defineModel({
type: String,
});
const inputModel = ...
2
votes
2
answers
30
views
Computed on a model value?
In my component I define a model:
const model = defineModel({
type: Number,
});
I want the model value to be based upon an inputs value, so I have an input:
const input = ref(null);
This is ...
0
votes
0
answers
9
views
Vue ElementPlus Table rendered wrong
<template>
<div class="flex flex-wrap gap-4 items-center">
<el-button @click="reload" title="Refresh" type="info">
<...
1
vote
1
answer
39
views
vuetify2 to vuetify3 transition-group no longer working
So I'm currently working on my transition from Vue2 Vuetify2 to Vue3 Vuetify3 and it's been quite the challenge honestly. It seems my code needs to rely less and less on Vuetify since things like the ...
0
votes
0
answers
14
views
Functionnality Search and Checkbox on vuejs3 and Vuetify 3
I need help with my application.
I want to perform a search and select the element I need.
My issue is that the search works fine, but I can't retrieve any value after selecting a checkbox.
I have two ...
0
votes
0
answers
15
views
Passing custom tokens to mask input with Vue 3.4 and Maska 3.0.2
I am using vMaska to mask text in input in a Vue 3 project.
I should pass mask and maskToken props separately (constraint company).
I try to combine this two props in a maskOptions.
<template>
...
0
votes
0
answers
21
views
Using slots and nested Templates, not working
Im migrating my app from vue 2 to vue 3, whole app is almost migrated but slot part is remaining. I saw breaking changes and it showed that in vue 2 we used named slot as
<h1 slot = "header&...
1
vote
1
answer
61
views
How to control PrimeVue Panel state?
I'm using PrimeVue v3 and I have multiple Panels generated in a for loop. I also have buttons for Expand/Collapse All, which work until I manually expand or collapse one of the panels.
const ...
-5
votes
1
answer
36
views
How to identify an application downloaded from the appStore/googlePlay from a mobile version web-site? [closed]
There is a PWA site on nuxt3, it is also available in the appStore/googlePlay. How to determine JS, the client in the downloaded application from the appStore/googlePlay or just with the browser on ...
0
votes
1
answer
45
views
Footer flashes during route transition
The footer briefly flashes or collapses when switching routes, but only if the page is scrolled down to somewhere around the middle of a page. If I'm at the top of the page, the route transition works ...
0
votes
0
answers
29
views
Sign In with Apple Vue.js returns 'invalid_request: Invalid redirect_uri.'
async appleClicked() {
try {
const clientId = 'com.essama.orbis.mobile';
const redirectUri = 'https://orbis-activities.com';
const authorizationUrl = `https://appleid.apple.com/auth/...
0
votes
4
answers
56
views
Vue.js image error : Cannot find module, check if image exists
I am using Vue 3, trying to display an image.
<img :src="require(`../../assets/icons/` + element.icon)"
@error="imageUrlAlt"
class="avatar sm rounded-pill flex-shrink-0&...
1
vote
2
answers
53
views
Status error 500 when deploying Vue web app with Vite and Nginx (within docker compose)
I'm currently improving my web development skills and working on a project using the following tech stack:
Frontend: Vue
Build tool: Vite
Deployment: Nginx (locally)
I've deployed the app locally, ...