[Vuejs]-How do I animate a dropdown list using v-on & boolean statements

1👍

Can’t see anything wrong off the bat.

Are you sure that the @click event is firing? If the element is covered by another one it would get in the way of the click event.

EDIT:

You could run a test like so:

change

@click="isDropping = !isDropping"

to

@click="test"

And add a new method below data:

methods: {
    test() {
        console.log('Click worked!);
    }
} 

And check in the console of the developer tools if you see the log.

Leave a comment