如何通过Vue管理角色权限？

Question

我正在使用 Laravel 和 Vue 开发软件。鉴于我正在开发 SPA 并且不使用 .blade 文件，我正在寻找一种方法来确定外观模板中的访问级别。就像 Laravel 中的“@role”一样。我可以管理的一件事是用户是否有权访问页面上的按钮或元素。

vue有办法解决这个问题吗？

谢谢

Answer 1

您可以使用vue router，并创建一个基于角色的中间件。

https://markus.oberlehner.net/blog/implementing-a-simple-middleware-with-vue-router/

考虑到这一点，您就可以创建基于角色的页面。

如果您想有条件地显示基于角色的特定 UI，则可以创建一个指令以在您的标签上使用。

https://v2.vuejs.org/v2/guide/custom-directive.html

因此，例如，您可以创建一个 v-role="admin" 指令，该指令将仅向具有管理员角色的人员显示该按钮。

<button v-role="admin"/>