Trying to push through a prop to the .like filtering option in supabase function. Due to .like needing % in value, im not sure how to push the prop through. Please see below. I would like to have props.model?.name instead of ‘%Yeezy%’. I have tried adding in the prop like stated but does not work.…
Tag: vue.js
PrimeVue ConfirmDialog Opens Multiple Times
I have a <ConfirmDialog> component from PrimeVue that works as it should, except for the fact that it opens multiple times when activated; for reference, I do the component multiple times throughout, some of the ConfirmDialogs only open once, most of them open twice usually. When accepting or rejecting …
Pug render 2 templates in the same row
Is there a way to render these 2 templates in one line in Pug? I have been trying with adding span or moving the code around but not able to fix it yet. This code renders but in 2 rows, I essentially want this code in one row. Any ideas are helpful! Thanks 🙂 Answer I actually figured this with
How to use VueRouter in Chrome Extension
I’ve been making a chrome extension with Vue 3 + VueRouter. With the router.push functionality I was trying to change router-view content to a different component, meaning showing a different UI to users. However, no matter what methods I use, I just can’t change the view. So my App.vue has router…
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…
How to trigger wheel event on mobile
I’m trying to implement a new feature on my site, namely moving between form pages using the mouse wheel. I tried to use event “wheel” which perfectly works on desktop, however does not trigger on mobile (iphone – Safari and Chrome). I assume the mobile APIs of these browsers just do n…
How to toggle a Boolean field in Firebase 9
I want to toggle a Boolean field value in Firebase 9. I’m using Vue 3 If the value of isFav is true I want to make it false onclick If the value of isFav is false I want to make it true onclick It works fine when I set the value of isFav to just false or true. But setting
trying to display data but code is not working properly
I am using vue to display data , here is my html now i have this in computed: and in my methods i have this and now here are some of the things i have issues with, when i loop over the values, my data is not visible, i can see the call to the API which returns me the
Difference between defineProps() and defineProps({ }) syntax?
Actually, I read someone code and they define props using defineProps<({})>() syntax and I research about it and didn’t find anything which helps me to understand about this syntax. How I Define Props How other developer define props I want to know what’s the difference between both syntax. …
reuse same value of a function on a vue template
I have a situation that repeats a lot when im trying to get a value on the template from a function, this function recieves parameters from the template (for example the index of a v-for) and returns a result that is printed on the template, the problem is that I need to do this operations twice, and since th…