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 can’t seem to
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) is: Can you
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-draggable component. My v-sortable component looks
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 displayed as background images). They cannot contain any flow content, for that matter.
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 months ago. Improve this question
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 need. IMPORTANT: the images are in the public
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.js it works. Why… Answer Your code
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 the v-for loop and I have no idea how to do
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 understood if that by default
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 following response returns from ajax, it renders only first component: If the following