如何在Svelte中不使用“use：enhanced”在提交时重置表单？

在Svelte中，如果您想在提交表单后重置表单，而不使用use:action或use:enhanced之类的自定义行为，可以通过直接操作DOM元素来清除表单字段。下面是一个简洁明了的示例来说明如何做到这一点。

首先，您需要一个Svelte组件，其中包含一个表单。这个表单可能包含几个输入字段，例如文本输入和提交按钮。您可以在表单的on:submit事件处理函数中添加逻辑来重置这些输入字段。

svelte
<script>
  let name = '';
  let email = '';

  function handleSubmit(event) {
    event.preventDefault(); // 阻止表单的默认提交行为

    // 这里可以添加将数据发送到服务器的代码

    // 提交后重置表单字段
    name = '';
    email = '';
  }
</script>

<form on:submit={handleSubmit}>
  <label for="name">Name:</label>
  <input type="text" id="name" bind:value={name}>

  <label for="email">Email:</label>
  <input type="email" id="email" bind:value={email}>

  <button type="submit">Submit</button>
</form>

在上面的代码中，handleSubmit函数首先取消了表单的默认提交事件，然后在逻辑部分（例如发送数据到服务器）之后，手动将绑定到输入字段的变量重置为初始值（在这个例子中是空字符串）。这样，当表单提交后，输入字段就会显示为清空状态了。

这种方法的好处是简单易懂，且不依赖于外部库或Svelte的高级功能。然而，它也需要确保所有表单字段都在提交函数中被正确重置，这可能会在表单字段很多时变得繁琐。在这种情况下，编写一个通用的重置函数或使用表单管理库可能会更加高效。