Questions tagged [vuejs3]
Use this tag for questions specific to version 3 of Vue.js, an open-source, progressive Javascript framework for building user interfaces.
vuejs3
13,535
questions
1
vote
0
answers
4
views
Applying default layout to Nuxt.js error page while preserving route transitions
I have set up a default layout that includes a header and footer. This layout works fine for all of my pages since they are inside the pages directory and because I have a <NuxtPage/> wrapped in ...
0
votes
1
answer
15
views
[Vue warn]: Failed to resolve component and tsconfig erros
Basically, I created a component called "SelecionarIngredients" and I am exporting it to the component "ConteudoPrincipal". However, the browser throws a Vue warn error saying it ...
0
votes
0
answers
23
views
Resolve cors error for Nuxt 3, for embedded app making request in project
CORS ERROR
I have an issue in my project, I understand the error, as well as I tried to find answer for it but no luck so far.
Here is my scenario:
I have nuxt 3 app, where I am embedding one of the ...
0
votes
0
answers
18
views
Vue3 Typescript Sum all values of a column in an array
I'm still very new to this programming language and I'm trying to take an array column and sum its values so I can show a total amount on the webpage.
Question #1
I was attempting to use a computed ...
0
votes
0
answers
5
views
Passing an object to a route with vue-router
Based on this from vue-routers site it seems as though you can pass an object as a prop. However, everytime I try to do this it seems to it fail saying invalid param
My route is defined as follows:
...
0
votes
1
answer
17
views
How to build a Vue web component which reflects an internal state as an attribute?
I am building a web component input which looks like this with Vue 3:
<my-input value="Search"></my-input>
How can I make sure that the value attribute is always equivalent to ...
0
votes
1
answer
32
views
Vue 3 and Vitest focus input sets document.activeElement to HTMLBodyElement in test in composition API
Given a Vue 3 component
<template>
<input id="input" type="text" @focus="handleOnFocus($event)" />
</template>
<script setup type="ts">...
0
votes
0
answers
19
views
element plus key How do I set the key for select v2 [closed]
How do I set the key for select v2 to prevent the entire visual list from being refreshed during virtual scrolling and reuse the dom using vue's diff algorithm
<template>
<el-select-v2
...
0
votes
0
answers
12
views
Where to store a frontend-environment variable in Jhipster (Stripe publishable key)
Stripe accounts come with test and prod, publishable and secret keys.
The application is generated by Jhipster.
Regarding the publishable keys, I want to pass them as environment variables to use ...
0
votes
0
answers
10
views
Vuejs Page break problem in jsPdf when print receipt
I have 2 problems, my receipt is very long and when I export the pdf it has a page break, so I am keeping pdfHeight fixed. How can I make pdfHeight calculate the height automatically and not have a ...
0
votes
1
answer
28
views
"if regex.test" doesn't works properly on javascript vuejs router [duplicate]
const router = createRouter({
history: createWebHistory(),
routes,
});
// ...
const allowedToAnonymous = [
/^\/login$/g,
/^\/signup$/g,
/^\/home$/g,
/^\/emailconfirm\/[0-9a-zA-Z]{8}$/g,
...
-2
votes
0
answers
17
views
Laravel with Inertia.js and Vue 3 performance issue when disabling hardware acceleration
hello I have a problem with Laravel Inertia with Vue 3
the problem is that I'm having high CPU usage when launching the Laravel server although I don't have much content on the website yet I have only ...
0
votes
1
answer
33
views
Transition Issue with Layout in Nuxt 3
I am facing an issue with route transitions when conditionally disabling layouts on specific pages. I have a <NuxtPage /> in app.vue wrapped in default <NuxtLayout />, which contains a ...
-1
votes
1
answer
28
views
Nested v-for for image grid
For a component in Vue I want to achieve the following layout, but exchange the img src with a path from an array of images with a v-for loop .
<template>
<div class="grid grid-cols-2 md:...
-3
votes
0
answers
28
views
Why is it that when I use a third-party packaged js file and modify its source code, the page does not take effect? [closed]
i used called maotu third-party lib [enter link description here][1] ,There are two features I don't need. I modified the source code, but it doesent't work.Specifically, on the page of the ...