如何在我的 Elixir Phoenix LiveView 应用程序 header 中混合实时和“死”内容？

Question

我将 root.html.heex 文件更改为如下所示：

<!DOCTYPE html>
<html lang="en">
  <head>
    ...
  </head>
  <body>
    <%= @inner_content %>
  </body>
</html>

并将<header>元素移动到app.html.heex中：

<header>
  <section class="container w-full m-5 p-3 bg-blue-200 text-blue-600 text-5xl font-bold">
    <div class="text-2xl">
      <a href="/">
        <img class="float-left mt-1"
          src={Routes.static_path(@conn, "/images/logo.png")} alt="LOGO"/>
        <span class="flex text-4xl hover:text-blue-800">
          <span class="font-medium nomargin">WEBSITE</span>
        </span>
      </a>
      <span class="float-right flex -mt-8 font-normal">
        <nav role="navigation">
          <%= render "_user_menu.html", assigns %>
        </nav>
      </span>
    </div>
  </section>
</header>
<main class="container">
  <p class="alert alert-info" role="alert"><%= get_flash(@conn, :info) %></p>
  <p class="alert alert-danger" role="alert"><%= get_flash(@conn, :error) %></p>
  <%= @inner_content %>
</main>

...并在live.html.heex中。

但我无法在live.html.heex中呈现“_user_menu.html”，因为（当然）它使用@current_user 。

有没有什么技巧可以让我以某种方式在 header 的浮动左侧显示实时内容，在浮动右侧显示“_user_menu.html”片段？

Answer 1

通常，如果您需要混合“Live”和“Dead”视图/模板，这里有live_render/3 文档。 去过那里，看到那个[工作];-)

如何在我的 Elixir Phoenix LiveView 应用程序 header 中混合实时和“死”内容？

问题描述

1 个解决方案

解决方案1
2 2022-03-23 14:22:44

如何在我的 Elixir Phoenix LiveView 应用程序 header 中混合实时和“死”内容？

问题描述

1 个解决方案

解决方案1 2 2022-03-23 14:22:44

解决方案1
2 2022-03-23 14:22:44