Help with button,someone else coded it.Vuetify
Hi Im new at frontend Im dealing with code someone else wrote and Ive never used vuetify.
I have attached pictures of the error button and code.
Basically can someone tell me how to make it work so it closes because the card doesn't close and if you recognise the buttons and card that they've used, refer me to the vuetify documentation where I can read about them and further edit the code.
4 Replies
Hei, is isActive a ref ? if yes
you dont need to specify the .value when using it in template
same goes for computed
Nope, i just found it like that doesnt make sense and I dont know where they read the documentation from.When you click outside the card it closes but when you click the button it doesnt.Trying to find it in the documentation but cant still. I could just make it navigate to the same page, but the close function of the card is more dynamic and i like it , i want it to work like that
Figured it out.
<template v-slot:default="{ isActive }">
it needs to be passed in the template and i separated them into 2 components and
passed all the required info with props
so it works now ?
yeah its a built in button i think you need to reference it in the template ....I also separated it in a difference component. I had made it into one because I didnt know I could use props the .value stayed tho