[Vuejs]-How use fadeIn or similar on v-show

2👍

You can use transitions: https://vuejs.org/guide/transitions.html

Setting a transition property on the element where you have a v-for will create some classes for you to use on your CSS:

<div class="row" v-show="subMenuCadastro" transition="fadeIn">
  ...
</div>

Then you can use the following classes on the element: fadeIn-transition, fadeIn-enter, fadeIn-leave. Take a look at the docs for more info.

Here’s a working example: https://jsfiddle.net/q3c81c5q/

Leave a comment