javascript - Vue.js ( v2.3.3 ) 自定义指令能否达到 v-if 的效果？

问题描述

问 题

想做一个类似 v-if 的自定义指令，作用是根据传入的值，指令内部去 $store 处查数据，然后根据结果动态显示和隐藏，但不是 v-show 的效果

比如权限控制的指令：

1. 页面定义 v-has-role="showUpdateButton"

2. showUpdateButton 的值从后端获取

3. 然后 v-has-role 检查 localProxy.$store.state.user.roles 和 showUpdateButton 的值

4. 根据结果动态展示按钮

localProxy 算是本地代理的东西，因为准备把权限一块独立成一个类似 vuex 一样的插件，内部不显示引用任何业务上的代码

谷歌找到 terminal，可是在当前版本无用的貌似无用，现在的做法是使用 filter + if 代替

但是 filter 比较适合内容渲染，弄一起总感觉不伦不类的

解决方案

这么久了，有点失望了

问下，应该这么关闭问题？

这篇关于javascript - Vue.js ( v2.3.3 ) 自定义指令能否达到 v-if 的效果？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！