Currently, im trying to call a throttle/debounce function in my Vue component, but every time it’s called a Uncaught TypeError: functionTD is not a function si throw here is my code. useThrottleDebounce.ts and this is when it’s called inside setup in my component Answer The issue is that useThrottleDebounce doesn’t return a function, therefore functionTD is not a function:
Tag: vue.js
how to use single slot to modify any columns in data tables
I have created a reusable data table by using vuetify. Everything is working fine. I have passed headers and items as a props for using the data table in different component. I am using slot but using some different approach which is column based solution with if/else condition. But, i need single slot so it couldn’t be component centric. Here
Vuetify- How to make a link in the textarea clickable?
I have a simple v-textarea Is there a way to detect that a link has been inserted and make it change color and be clickable? Such as this https://stackoverflow.com/. Answer You cannot make clickable links inside textareas (v-textarea is just a wrapper around a native one). They are for plain text only. As a possible workaround you can you can
Vuex 4, State is empty in component
I am trying to access subjects store state using this.$store.state.subjects inside my home component however it comes up as an empty array. Using console.log the only place I am able to see the state.subjects populated is if its in the mutation function. Anywhere else the console.log is empty. It seems to me that the state is not persisting from the
Keycloak returns CORS Access-Control-Allow-Origin error
I am able to login to Keycloak using the keycloak-js client, however, when making a fetch request, I get the following error: The post request I am making is The keycloak settings are Root URL: http://localhost:8080 Valid Redirect URIs: http://localhost:8080 Base URL: / Admin URL: Empty Web Origins: * // but I have also tried http://localhost:8080 and + My app
How to use Vue router query params in hash mode?
I would like to access URL params in Vue methodology, other than using window.location.href and parsing. router/index.js Answer The code you showed for logging the query params is correct so there is a problem with the route. To create a link in the template, use a <router-link>: To route programatically in the script, use this.$router.push (or this.$router.replace): When you log
print array in method in vue.js
I am very new to vue and I wanted to play around with methods a little. What I wanted to try was printing out an array of Strings and this is the method I tried to use: But I get errors because of i and s. I tried a few things but it always either says I didn’t define or
v-slot is always undefined in VueJS
Here is the problem. Root view: Grid component (container): And finally grid item component: I’m getting the error: GridItem.vue Uncaught (in promise) TypeError: Cannot read property ‘testData’ of undefined. I’m cracked my head trying to understand what’s going wrong. Need help, thanks for your time. Answer Get your slot props in Home component:
is it possible to use luminous in Vue.js?
I am trying to create photo website with vue.js and Laravel, and use luminous to magnify the photo when it is clicked. My photos are stored in AWS S3 bucket. My vue.js structure is like below. 1.PhotoComponent.vue this component is literally rendering each photo. 2.PhotoListComponent.vue this component is making a list of PhotoComponent.vue. There are three things that I have
With Vue.js, How to use a modal component inside v-for loop?
i made v-for loop cards with vue-Bootstrap. in state, there are dummy. like this. ], and here is my vue.js code and js i just wanna each card has its own modal ex) when i click ManU card, just one modal will be activated and it has ManU data but in my code, when i clicked a card, 3 modals