Level 27
Try x-on:click. I had this issue when i had vue installed alongside alpine, there was a conflict of directives
2 likes
Jul 5, 2021
5
Level 4
Alpine.js: button using @click function not working.
Hi, I'm currently trying to use alpine.js to open a slide out menu utilising x-data="{}", x-show="", and @click="". I've narrowed down the issue to the button I have the @click="" on not actually working. I believe the issue could be that this button is within a different x-show="" element, as I've tried it on a button outside the x-show="" and it's worked. I guess what I'm asking is can you have @click="" functions inside an existing x-show="" element (e.g., a button within a drop down).
Level 4
I've tried this and it didn't work, I believe it's because it's under another x-data and x-show div. Thanks though.
Level 1
@sirch Thanks that fixed it for me
Level 122
yes you can nest as long as either you have a nested x-data element or you use a different variable name
1 like
Level 4
It is in fact within another x-data and x-show component, but even when I give it its own div with its own x-data and put everything inside of that, the element constantly shows as if it's true.
Please or to participate in this conversation.