javascript 如何使用Vue检查页面属性是否设置

1sbrub3j  于 2023-04-19  发布在  Java
关注(0)|答案(1)|浏览(108)

我一直在尝试实现空间包Laravel-permissions。在这样做的时候,我创建了一些惯性页面 prop 来检查用户是否有前端权限。
我已经能够创建一个中间件来检查用户是否有角色,然后从那里设置页面 prop ,正如您在下面的is_foo prop 屏幕截图中看到的那样。
当我这样做的时候,我注意到在用户 prop 中已经有一个角色子键集,其中包含一个字符串数组,用于用户设置的每个角色。我不确定这些字符串通过惯性传递到Laravel中的 prop 。

在这个屏幕截图中,您可以看到我设置了props来捕获用户角色的区域,以及软件包设置的props数组。
我被卡住了,无法弄清楚我如何做到以下几点:
1 -检查user〉roles数组中是否存在包含名称“Admin”的页面属性
2 -在v-if语句中使用它来显示指向管理页面的链接。
我知道我一直在做的工作方式,但使用的 prop 是由spatie包生成的干净得多,所以请帮助我弄清楚。

rkue9o1l

rkue9o1l1#

您可以检查计算属性中是否存在名为Admin的角色,如下所示:

computed: {
  adminExists() {
    return this.user.roles && this.user.roles.find((e) => e.name == "Admin");
  }
}

然后,您可以在v-if语句中使用该值,如下所示:

<a href="#" v-if="adminExists">Link Label</a>

相关问题