Dynamic directive in Vue

Question

Is it possible to use dynamic directives? I want to use v-show or v-if based on props.

E.g. <div :[directiveType]="isActive"></div>

farincz · Accepted Answer · 2020-05-19 07:05:38Z

3

No, but you can easily use both with common condition. Only tricky part is you want true by default.

<div 
    v-if="isActive || directiveType !== 'if'"
    v-show="isActive || directiveType !== 'show'"
>

answered May 15, 2020 at 12:47

farincz

5,2031 gold badge33 silver badges42 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1