问题标签 [phoenix-live-view]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
47 浏览

erlang - 套接字一次又一次地重新加入,这导致 Live View 自己定期发出事件。与 Alpine js 一起使用时

问题: 套接字一次又一次地重新加入,这导致实时视图本身定期发出事件。

场景:我有包含 phx-change 事件的索引页面。当我让页面闲置一段时间后,事件开始定期自动触发。它不仅限于单页,而是发生在每个实时视图页面上,我用谷歌搜索了这个问题,但找不到任何解决方案。

  • 我注意到有时心跳停止超过 1 分钟(超时限制为 1 分钟)的 1 个原因,在这种情况下,套接字再次重新加入。

  • 我在端点的客户端以及服务器端增加了超时,以检查这是否是唯一的问题,但它没有工作并且套接字的行为相同。

  • 以前有没有人遇到过同样的问题,可能是什么原因以及如何避免这个问题,有什么建议吗?

堆栈:花瓣

Elixir:1.11 Erlang:23.0 phoenix:1.5.3 phoenix_live_view:0.15.7 alpinejs “^2.8.2” 浏览器:chrome、safari

我认为问题出在 Alpine Js 上,但找不到任何解决方案。

这是我的 app.js 代码

端点配置:

0 投票
1 回答
25 浏览

elixir - Elixir Desktop 在菜单栏中存在透析器问题

背景

我有一个使用Elixir Desktop的小应用程序。此应用程序运行良好,启动时没有问题:

https://github.com/Fl4m3Ph03n1x/market_manager/tree/master/apps/web_interface

但是,我有透析器抱怨类型。我不确定这是否是误报,或者我做错了什么。

问题

我的MenuBar应用程序中有一些基本功能。MenuBar据我了解,这是一个 Phoenix LiveView 组件(因为它具有 amount和 arender功能)。因此,对于 Phoenix 和 LiveView 的大多数用户来说,这段代码应该看起来很熟悉:

这里的问题是 Dialyzer 抱怨我的渲染功能:

It says it expects a String instead of an H sigil. Which is confusing to me, because the latest version does support this sigil.

Question

So the question arises. What am I doing wrong and how can I fix this?

0 投票
0 回答
35 浏览

http-headers - 如何在我的 Elixir Phoenix LiveView 应用标题中混合实时和“死”内容?

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

并将<header>要复制的元素移动到app.html.heex

...和在live.html.heex.

但我不能在其中渲染“_user_menu.html”,live.html.heex因为(当然)它使用@current_user.

是否有一个技巧可以让我以某种方式在标题的左侧浮动和浮动右侧的“_user_menu.html”片段上拥有实时内容?

0 投票
1 回答
22 浏览

elixir - chrismccord 在 liveview 应用程序“live_beats”中使用 Live_helpers 函数

lib/live_beats_web/views/layout_view.ex 中有一个函数 sidebar_account_dropdown/1

并在其模板部分中来自 lib/live_beats_web/live/live_helpers.ex 的下拉功能

只是为了不拉长东西我削减了长下拉功能 dropdown/1

我想知道html标签是如何被原子替换的。它是否用作为我们的分配中存在的 :img、:title、:subtitle 等赋值的一种手段,它们是 nil 或其他东西。我很想清楚地理解这一点