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
Tag: vue-component
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 last month. Improve this question I
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
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
Can we use expose method to return other reactive variables and computed properties like methods in vue 3?
I am changing my application from vue 2 to vue 3. By using composition api,i have changed my previous render function in that setup hook. After checking some documentation,I got to know that i can expose methods by using context.expose({}). Now my questions are: How to replace created method in vue 3 composition api? (As we know, setup hook occurs
How can i set focus on a newly (automatically) rendered dom element?
I have an input field that gets replaced automatically with a textarea and same content depending on the number of characters the user has entered: The problem i have is that the focus gets lost when a user enters the 21st character. And thus the user gets irritated because when he types the 22nd character it does not appear in
button function to sum of two numbers using Vuejs
I’m trying to display the sum of two numbers using VueJs, but I want to develop this code so it would get the sum when the user clicks the button. please help me! Answer
Hide element in VueJs while scrolling
I am making vue project. I want to hide some component while mouse scrolling, but when scroll ends, want to show component again. I know using scroll event, but again doesn’t shows component. Is this possible in vue? Answer I resolved this issue. timer variable is applied.