問題タブ [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.

94 問題
Newest
Active
Bountied
318
Unanswered
0 投票する
0 に答える
835 参照

elixir - Phoenix は、通常のテンプレートまたはコントローラーから LiveView をレンダリングします

を介してルーターから LiveView をレンダリングしたとしますlive "/awesome", AwesomeLive.Index, :index。

さて、通常のテンプレートまたはコントローラーからレンダリングするには、 を使用する必要がありますlive_render/3。

しかし、それはうまくいきません。cannot invoke handle_params/3 on AwesomeLive.Index because it is not mounted nor accessed through the router live/3 macro

リファクタリングのhandle_params/3方法 内部は自動生成されたコードですphx.gen.live

の中paramsで:not_mounted_at_router

編集：

handle_params/3壊れているように見えずlive_patch/2、JavaScript エラーをスローします。

バージョン:

  • アーラン/OTP 23
  • エリクサー 1.10.3
  • :フェニックス、「1.5.1」
  • :phoenix_live_view, "0.12.1"
0 投票する
1 に答える
459 参照

phoenix - 新規インストール後、ライブ ビュー アプリが頻繁にリロードされる

で新しいライブビューアプリを生成したところ、phx.new --liveこのエラーが常に発生しています:

再生情報

フェニックスバージョンを使用しています1.5.3

次に、「Org」モジュールを生成しましたmix phx.gen.live Orgs Org orgs name:string email_end:string avatar_url:string description:string

0 投票する
3 に答える
722 参照

elixir - Elixir phoenix LiveView の折りたたみ式が更新時に折りたたまれる

問題

LiveView は、開いている要素を折りたたみます。

詳細

ページの読み込み時に折りたたまれて始まる要素があります。

ユーザーが折りたたみ可能オブジェクトをクリックすると、折りたたみ可能オブジェクトにはクラスがあり.is-activeます。

しかし、ライブビューはそのクラスを削除します。ライブビューが親要素を無視する<div class="is-collapsible is-active">が、子要素を処理することを確認する方法はありますか? 私の最初の考えはでしたphx-update="ignore"。しかし今、折りたたみ可能なロジックをバックエンドに入れる必要があると考えています。:/

追加情報

CSS を 1 つ変更してbulma-collapsibleを使用します。


12345678910