主页 / coding / 问题 / 79241582
Accepted
mspehar
Asked: 2024-12-01 20:50:35 +0800 CST

在 svelte 中使用相同的路线，但根据用户角色显示不同的内容

  • 772

在 sveltekit 中，我想/home对两种类型的用户使用类似的路线，但具有不同的内容：

  • 如果用户是管理员，则应显示用户列表
  • 如果用户不是管理员，则应显示任务列表

这意味着这两个结果应该使用不同的+page.ts函数load来获取页面数据。

整个东西是一个 SPA，因此 sveltekit 的服务器部分未被使用。

这可能吗？

PS. 这与这个问题正好相反

sveltekit

1 个回答

  1. Best Answer

    我认为这在路由层面上是不可能的。

    可能会根据角色返回不同的对象并将内容提取到单独的组件（这些组件可以与 位于同一目录中+page.svelte）。

    // (in page load function or directly in the backend)
if (/* role check for admin */) {
  return { type: 'admin', users: /* ... */, ... };
else
  return { type: 'user': tasks: /* ... */, ... };

    {#if data.type == 'admin'}
  <AdminView users={data.users} />
{:else if data.type == 'user'}
  <UserView tasks={data.tasks} />
{/if}
    • 1

相关问题