I have a simple setup: I have a parent component that passes data using props to a child component. However, when I pass the props to the child component, the data is not filled in. All the tutorials and guides I’ve followed use the same syntax as I’m using, so I must be missing something. I just …
Tag: vue-component
Flip Card Component in VueJs 3
I want to achieve a Flip card component like the one here by developing a generic Vue Component, but I’m confused about how can I assign a whole face component (front/back) as a back or front face of the card, and how can I lock the flipping property (as an option), an example of the face (front/back) i…
Vue 3: wrap all items within a slot with a custom component by using a render function
I am trying to build my own sortable component. I want to pass a list of items to it’s default slot. The sortable component should then wrap all passed items with a custom v-draggable component. Now withn my v-sortable component I am trying to wrap all given nodes within default slot with a custom v-dra…
How to show image on v-text-field?
enter image description here computed Result: my photo don’t wanna show on field enter image description here Answer should work for getting the correct URL. However, it won’t show inside the filed, if that’s what you’re trying to do. Text form inputs cannot contain images (other than …
Prop default gets overwritten in all mount-instances as soon as prop is passed once [closed]
Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers. This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers. Closed 7 m…
How to use source images dynamically in :src in Vuejs
I’ve tried everything I found on Google, none of they worked for me. Basically, what I’m trying to do is passing an object through a v-for to another component like that: This representante variable is the object i’m passing. It has a imagem property that contains the name of the image I nee…
Can I define nested component without creating new file?
What I want: Parent.vue I wanted to make very small dedicated component for one page. It looks pretty good. But it doesn’t work. I don’t want to make a new file and use export default. and also don’t want register it globally. Is there no way to create component like this? ===== answer: main…
Pass selected index of object that resides outside of a v-for loop in Vue 3
I’m creating a simple shopping cart in Vue 3 for learning purposes. So far, I’ve set up everything from the products object to the addToCart() functionality, and everything works within a v-for loop. The problem is I need to display the product’s title within an alert that resides outside th…
Vuetify Table sortable column is not working
I have these vuetify table, this is how I configure the header As you can see I have sortable: true for Link Count column. Some how it is not working… How can I debug this further ? Answer By default, <v-data-table> comes with a sortable functionality for all the columns. By your question what I u…
Appending multiple Vue2 components from ajax html response not working
I’m trying to append multiple vuejs components with jquery ajax, but it’s not working. It all works fine, until response returns more than one component, or component within component. Here’s the code: If the following response comes from ajax, it works, and renders one component: If the fol…