Javascript 类似于v-if的自定义指令

我正在寻找像定制

v-if

指令这样的东西。 让我们猜一下，我们有这样的东西：

<button v-permission="admin" @click='Save'>

我的API返回当前用户权限的

true

或

false

。 有可能吗？也许我只是想错了

---

另外，我需要在多个组件中重复使用此指令，仅对每个组件使用

v-if

和

getPermission

是不够的。

在这些链接中详细介绍了这一点。我个人的观点是，这是不必要的，但如果你选择其他方式，那就这样吧。你最好将其抽象到路由器，然后将该信息直接传递到加载的组件中，或者在本地存储和使用它。

Vue.directive('permission', {
    // send request that check if user has permission, if not don't render component
});