elixir - 在 Phoenix LiveView 中提交后重置表单输入字段

Question

我在 Phoenix LiveView 中有一个带有 phx-submit 绑定(bind)的表单。可以通过单击“发送”按钮或按文本字段中的回车键来提交表单。

我的问题是，如果我通过按回车键提交表单，则输入字段不是被清除，但是如果我通过单击按钮提交，输入字段是> 已清除。

我希望在这两种情况下都清除输入字段。

下面是我的表格:

<%= f = form_for :chat_form, "#", phx_submit: :send, phx_target: @myself %>
  <%= text_input f, :msg, autocomplete: "off" %>
  <%= submit "Send" %>
</form>

和我的handle_event实现:

def handle_event("send", %{"chat_form" => %{"msg" => msg}}, socket) do
  name = socket.assigns.name
  Endpoint.broadcast("chat", "new_msg", %{sender: name, text: msg})
  {:noreply, socket}
end

Answer 1

如果您使用上面提到的 value: @msg 方法，并将其与表单上的 phi-change 事件结合起来，您可以在其中简单地更新 @msg 到已键入的任何内容，然后将 @msg 设置回“”将在第一次调用之后起作用。