Javascript Nuxt.JS（Vue）-4个仅在侧边栏菜单中不同的仪表板_Javascript_Vue.js_Nuxt.js

Javascript Nuxt.JS（Vue）-4个仅在侧边栏菜单中不同的仪表板

javascript vue.js

Javascript Nuxt.JS（Vue）-4个仅在侧边栏菜单中不同的仪表板,javascript,vue.js,nuxt.js,Javascript,Vue.js,Nuxt.js,在一个项目中，我有4个仪表盘（用于管理员、用户、来宾和版主）。从视觉上看，它们几乎相同。但是，我需要能够在每个页面的侧边栏菜单中设置不同的链接。最好的方法是什么？目前，我在layouts 4文件夹中创建了文件：dashboard admin、dashboard user等。在这些文件中，我导入了我也有单独的组件。例如DashboardAdminMenu、DashboardUserMenu等。。我怎样才能做得更好？你能给出一个如何做的想法和例子吗？你能做到在nuxtserverinit中调用ap

在一个项目中，我有4个仪表盘（用于管理员、用户、来宾和版主）。从视觉上看，它们几乎相同。但是，我需要能够在每个页面的侧边栏菜单中设置不同的链接。最好的方法是什么？目前，我在layouts 4文件夹中创建了文件：dashboard admin、dashboard user等。在这些文件中，我导入了我也有单独的组件。例如DashboardAdminMenu、DashboardUserMenu等。。我怎样才能做得更好？你能给出一个如何做的想法和例子吗？

你能做到

在nuxtserverinit中调用api时获取用户角色

保存从api获取的用户角色，并将其保存在应用商店中

基于此角色更改侧边栏，这样您就不需要为侧边栏创建4个文件

你可以这样做

在nuxtserverinit中调用api时获取用户角色

保存从api获取的用户角色，并将其保存在应用商店中

基于此角色更改侧边栏，这样您就不需要为侧边栏创建4个文件

我忘了写每个用户都可以进入所有4个仪表板。好的，路由路径呢？你可以检测用户的位置并自定义侧边栏，我忘了写每个用户都可以进入所有4个仪表板。好的，路由路径呢？您可以检测用户位置并基于此自定义侧边栏