All Questions
Tagged with vue-component html
392 questions
0
votes
0
answers
90
views
Why do I receive a console error saying I need to define props even though they are defined in the parent and the child?
I am building a website using Vue JS 3 and Laravel and when I try and implement my Index.vue component I receive these errors:
[Vue warn]: Missing required prop: "label"
[Vue warn]: Missing ...
- 33
-1
votes
1
answer
70
views
Images are displayed below the sidebar in the middle of the page and not from the top (Vue.Js)
I'm building a photo website with Vue.JS and encountering the problem mentioned in the titled. I've tried everything, and after two hours of back and forth with ChatGPT I've decided to come here.
This ...
1
vote
1
answer
497
views
How do I pass a prop as an argument in Vue.js
I am new to Vue and I am making a component that changes it's class property based on the style prop given by the parent component. When I try to invoke a substitution Vue does nothing
Here is "...
- 101
1
vote
1
answer
3k
views
Failed to mount app: mount target selector "#app" returned null
I just started to use Vue.js, I'm trying to trigger the muose click when I press the button. The message problem is: Failed to mount app: mount target selector "#app" returned null. This is ...
- 13
0
votes
0
answers
26
views
Fill Content of V-Container to screen
I have a page that is unnecessatily scrollable by a few pixel. I want to display the page with screen height so that everything is displayed without the option to scroll.
Here is what the page looks ...
- 1
0
votes
1
answer
44
views
How do you get styling props to work on specific elements in VueJs
I am creating a button and it needs to have multiple states (hover, focused, pressed and disabled).
I also need my default button to have a default size (large) and a smaller size (small). I am trying ...
- 1
0
votes
1
answer
425
views
Access to a function in another component in Vue3 with composition API
How can i access to a function in Parent Component from a chield component?
I want to click a button in chield component, which should call a function which is in the Parent component.
I have a ...
- 27
2
votes
1
answer
33
views
When i set a v-for, props undefined
I'm doing a website of a League of Legends assist, and i have a component with five elements (one for each line). I had it setted without a v-for, and it worked perfect, but when i configured it with ...
- 57
1
vote
1
answer
51
views
How do you dynamically alter the CSS of a tag that's at a higher level in Vue
I am working on a practice problem in Vue where I have to make a color picker and then change the background of the page to match the color that is picked. The issue is that I would need to set the ...
- 185
1
vote
1
answer
204
views
Getting following Error in javascript code : Do not use 'new' for side effects
I have a vuejs code with which I try to represent in a bar chart the percentage of water and oil contained in two different bottles.
when i start my program, i get the following error in my javascript ...
- 127
0
votes
0
answers
75
views
interpolation not working in recursive vue component
I have two jasons that are linked by one of them with a key. One of the jasons contains a structure that needs to be rendered recursively. The same jason contains the data that is passed to data(). ...
- 1
0
votes
0
answers
93
views
Rendering Vue Components in HTML from a Database
I am using Spring in my backend and scraping news articles from websites for a personal project. I am getting everything I need via Jsoup, but I am at the point where I need to start retrieving all ...
- 17
0
votes
1
answer
58
views
How to make my side bar to look dynamic when page zoom is growing?
Code in "style" segment needs to be changed in that way that when I zoom browser to more than 100% or page is not opened on whole screen, i want to see only icons of side nav. This picture ...
- 13
1
vote
3
answers
202
views
How to make button to be visible whole time and not to work only on click?
<v-card :style="{ textAlign: 'left' }" class="basic-card pa-6"
:class="{ 'small-padding': !$vuetify.breakpoint.xl }"
elevation="0" flat :height=&...
- 13
0
votes
1
answer
111
views
Tablerow with Vue3 Composition API without Vue.cli not working
My problem is similar to this question: Vue.js table component not working.
The difference is that I use Vue3, with the Composition API and without Vue.cli as follows:
<!DOCTYPE html>
<html ...
- 572