v-if结合自定义指令怎么判断是否有权限

可以在自定义指令中通过获取当前用户的权限信息，并与需要的权限进行比较，决定是否显示或隐藏该元素。下面是一个简单的示例代码：

// 自定义权限判断指令
Vue.directive('permission', {
  bind: function(el, binding, vnode) {
    // 获取当前用户权限信息
    const userPermissions = getUserPermissions();
    
    // 获取指令传入的权限值
    const requiredPermission = binding.value;
    
    // 进行权限判断
    if (!userPermissions.includes(requiredPermission)) {
      el.style.display = 'none';
    }
  }
});

// 在模板中使用指令
<div v-permission="'view_article'">
  <!-- 只有拥有 'view_article' 权限的用户才能看到该元素 -->
</div>

在上面的示例中，我们通过 `getUserPermissions()` 获取当前用户的权限信息，并通过 `binding.value` 获取指令传入的权限值。然后进行比较，如果当前用户的权限信息中不包含该权限值，就将该元素隐藏。