在 sveltekit 中使用 svelte-forms 时调用外部组件初始化的函数

问题描述

在 sveltekit 中使用 svelte-forms 时，即使调用 onMount 中的函数，我也会收到以下运行时错误

funtion called outside component initialisation

解决方法

这可以通过在 validateOnChange 函数中提供 form 选项来解决。

<script>
  import { onMount,afterUpdate } from 'svelte';
  import { form } from 'svelte-forms';

  let myForm;

  onMount(() => {
    myForm = form(() => ({}),{
      validateOnChange: false
    });
  });

  afterUpdate(() => {
    myForm.validate();
  });
</script>