实现导航栏根据条件显示/隐藏特定菜单

Question

我想显示/隐藏导航栏用户登录。 在我的情况下，例如，我有两种类型的用户， 一个用户可以访问4个菜单，另一个用户只能访问3个。

喜欢此图片

我希望根据条件设置{display:none;}。我希望在自定义HTML属性下编写它。我该如何实现这一目标？

我需要像Angular ng-show / ng-if

这样的解决方案

Answer 1

您可以根据您的用户添加到body / html标记新类，并使用css隐藏/显示元素。

或者将params（例如？user = admin）传递给url，使用javascript检查并使用DOM执行您想要的操作。

Answer 2

您可以在要隐藏的元素上添加hide类。

class="hide"