如何通过 Vue 管理角色权限？
how to Manage role permission by Vue?
我正在使用 Laravel 和 Vue 开发软件。
鉴于我正在开发 SPA 而不是使用 .blade 文件，我正在寻找一种方法来确定外观模板中的访问级别。就像 Laravel 中的“@role”。我可以管理的一件事是用户是否有权访问页面上的按钮或元素。
vue有解决办法吗？
谢谢
可以使用vue router，创建基于角色的中间件。
https://markus.oberlehner.net/blog/implementing-a-simple-middleware-with-vue-router/
考虑到这一点，您可以创建基于角色的页面。
如果您想有条件地显示基于角色的特定 UI，您可以创建一个指令以在您的标签上使用。
https://vuejs.org/v2/guide/custom-directive.html
因此，例如，您可以创建一个 v-role="admin" 指令，它只会向具有管理员角色的人显示该按钮。
<button v-role="admin"/>
我正在使用 Laravel 和 Vue 开发软件。 鉴于我正在开发 SPA 而不是使用 .blade 文件，我正在寻找一种方法来确定外观模板中的访问级别。就像 Laravel 中的“@role”。我可以管理的一件事是用户是否有权访问页面上的按钮或元素。
vue有解决办法吗？
谢谢
可以使用vue router，创建基于角色的中间件。
https://markus.oberlehner.net/blog/implementing-a-simple-middleware-with-vue-router/
考虑到这一点，您可以创建基于角色的页面。
如果您想有条件地显示基于角色的特定 UI，您可以创建一个指令以在您的标签上使用。
https://vuejs.org/v2/guide/custom-directive.html
因此，例如，您可以创建一个 v-role="admin" 指令，它只会向具有管理员角色的人显示该按钮。
<button v-role="admin"/>