How can I remove Vue transition dynamically

Question

I have a table body which is declared as animation block.

In some particular scenarios I want remove the transition to the table body. Is there any way to do that.

Answer 1

HTML

<transition name="condition ? 'fade' : ''">
    <p>Hello</p>
</transition>

Specify the condition in the name attribute, when condition is true (or equal any value) run the "name" argument, in another case leave it empty and the transition will not work