时间戳

首页 > 解决方案 > Vue 中的动态指令

javascript - Vue 中的动态指令

问题描述

是否可以使用动态指令？我想使用v-show或v-if基于道具。

例如<div :[directiveType]="isActive"></div>

标签： javascriptvue.jsvuejs2vue-componentvue-directives

解决方案

不，但您可以轻松地在常见情况下使用两者。唯一棘手的部分是默认情况下您想要 true。

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

推荐阅读