根据条件添加 vue 指令

是否可以根据条件设置指令？

我有一个“粘性”指令来使元素粘在屏幕上。 我有一个正在使用的社交分享组件

<tempalte>
    <div class="social-share" v-sticky>
        ....
    </div>
</template>

不过，现在我需要一个条件。我很想把它做成一个道具。

<social-share :is-sticky="true">

有没有一种简单的方法来添加指令？

我尝试用 v-bind / 绑定它：

<div class="social-share" :v-sticky="isSticky">

但这最终会在标签中呈现“v-sticky”。

当没有值传递给指令时，您可以考虑默认为 true。

bind(el, binding) {
    if ((! binding.hasOwnProperty('value')) || binding.value) {
        // The user wants the directive to be applied...
    }
}

在您的模板中：

<template>
    <social-share v-sticky> <!-- Will apply the directive -->
    <social-share v-sticky="true"> <!-- Will apply the directive -->
    <social-share v-sticky="false"> <!-- Will NOT apply the directive -->
</template>