問題タブ [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 に答える
127 参照

phoenix-framework - Phoenix ライブ ビューで子ライブ ビューを作成するときにパラメーターを指定するにはどうすればよいですか?

ライブ ビューには、次のスニペットがあります。

ChatLive.Index には、次のマウント機能があります。

しかし、それはこのエラーを与えます:

の行でmount(%{"guest_id" => socket.assigns.guest.id}, session, socket)

live_renderguest などのパラメーターを呼び出しに渡し、関数内で取得するにはどうすればよいmountですか?

0 投票する
1 に答える
148 参照

phoenix-live-view - Phoenix Live View でアイテムを削除すると、phx-hook によってそこに配置された DOM 要素が削除されます

考案されたチャット アプリで、スマイリー フェイスをphx-hook. チャットを追加した後も、スマイリー フェイスはそのままです。

チャット追加後

ただし、チャットを削除すると、スマイリーは消えます。

チャット削除後

どうすれば消えないようにできますか?

0 投票する
1 に答える
82 参照

html - Elixirでコンポーネントの一部を条件付きでレンダリングする

私は elixir を初めて使用し、このコンポーネントを DRY でレンダリングするのに問題があります。この CardHeader コンポーネントがあります

@truck_load.measured_weight 値がある場合とない場合があります。その場合、info 変数をその値に設定し、文字列補間を使用して測定単位を表示します。@truck_load.measured_weight 値がない場合、測定単位を表示したくないので、info を空の文字列に設定します。

@truck_load.measured_weight が次のように nil かどうかをチェックする別の CardHeader コンポーネントがないと、これを機能させる方法がわかりません。

これを行うためのより良い、より乾燥した方法はありますか?

ありがとう!!