All Questions
45 questions
0
votes
0
answers
305
views
Vue 3 app - memory consumption keeps going up
I'm facing a challenge in figuring out what's causing the Vue app to consume a lot of memory. There are detached elements in the heap snaps from unmounted components.
Here's the setup:
Vue 3.5.12
Vue-...
- 11
0
votes
0
answers
46
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
1
answer
82
views
difference between vuejs local registration syntax
I found out there is two ways to make local registration in vuejs:
1) assigning components to a variable:
const components = { 'test-selector': TestSelector, };
2) declaring it as an object
...
- 224k
0
votes
1
answer
60
views
Vuejs wysiwyg designer zoom issue
im having a problem with my project. Since the project is quite big, i wanted to share the code as-is so you can git clone the project.
https://github.com/erdesigns-eu/Vuejs-WYSIWYG
I will first ...
- 101
0
votes
2
answers
109
views
How to ensure changes in props do not bubble up?
I realized that my props passed to a component, and changed in the component, may bubble up. This is mentioned in the documentation.
When objects and arrays are passed as props, while the child ...
- 30.2k
1
vote
1
answer
386
views
Vuejs: Should I split views into small components?
I have a project that has 2 folders for components - 1) src/components/ and 2) src/views. In the first one I store general components such as a drawer or nav, and in the second I store pages (views).
...
- 191
0
votes
1
answer
1k
views
Vue.js showing and hiding component on click
I'm trying to show/hide an element on click, I've tried many things but I don't think I'm setting up my methods properly.
Here's my Main.js
import './assets/main.css'
import home from '../src/pages/...
- 124
0
votes
2
answers
81
views
Vue3: How do I access a function inside the methods attribute from a component's setup() method?
I have an array containing data of questions that will be displayed. Only one question must be displayed at a time. Once the user selects an answer to a question, they can move to the next one by, ...
- 110
0
votes
1
answer
480
views
How do I pass custom props to dynamic components in Vue 3?
I have an array containing data of questions that will be displayed. Only one question must be displayed at a time. Once the user selects an answer to a question, they can move to the next one by the ...
- 4,566
0
votes
1
answer
493
views
Image carousel in Vue.js
I'm building a cinema website, and are currently on the part where I want to place the movies in a carousel like effect so that you can swipe through the row. As you can see on like Netflix or Diseny ...
- 246
0
votes
1
answer
1k
views
Vue3 Component "OnMounted" Refresh
I have a Vue3 Dynamic Component wrapped in <keep-alive> that essentially adds navigation within a PrimeVue <Dialog>, and is populated by an object:
const component = [
{
id: 0,
...
- 245
3
votes
1
answer
4k
views
How to handle slots in Vue3 & Storybook 7
I am trying to pass in a component (UIButton) as a slot in another component (UICard) in ButtonAsSlot story.
In the ButtonAsSlot story, I am passing default: '<UIButton v-bind="{type: \'button\...
- 225
0
votes
2
answers
592
views
Vue component communication between header component and components in the router-view
Im facing a problem for my VUE app, Im using the vue Router to navigate to my component
In my Header component I use router-link to navigate to a Home component
The problem is :
In my Header component ...
1
vote
1
answer
390
views
Vue3 / How to pass data from mixin setup() to component
I would like to pass my object based on JavaScript class from mixin to component without reactivity. I use TypeScript, so I can't set the object to this of mixin without setting types in data(). But ...
- 90.6k
1
vote
2
answers
783
views
v-leave-active animation working but v-enter-active animation not working for <transition-group>
I'm using Vue 3 and I have built a custom component named Accordion. It's function is to display and hide the content inside it when a button is clicked (I'm using a div to make the button and not a &...
- 3,180