I have followed the Vue.js documentation given below to implement the show transition, but I'm struggling with stopping the hide effect on the second click. Is there a way to achieve this?
https://v2.vuejs.org/v2/guide/transitions.html#a
Can I continue using this transition or is there another method that would work better? I attempted using .once in an effort to prevent a second occurrence.
I also tried creating a method like this:
v-on:change.once="animate()"
with the method defined as:
animate: function() {
var self = this;
self.show = true;
},