laravel 在inertiaJS中使用简单的UI表单组件

mwngjboj  于 2023-06-07  发布在  其他
关注(0)|答案(1)|浏览(184)

我在Laravel InertiaJS应用程序中使用Naive UI,我需要设置表单并利用惯性表单来获得表单的实时验证。
我只是不知道如何有效地使用Naive UI组件和InertiaJS。任何帮助将不胜感激。

3lxsmp7m

3lxsmp7m1#

我找到解决办法了我的做法是将NForm组件与NFormItem组件一起使用,并设置如下属性:

<NForm>
    <n-space vertical>
      <NFormItem label="Username" size="large" :feedback="form.errors.name" :validation-status="form.errors.name ? 'error' : 'success'">
        <NInput v-model:value="form.name" />
      </NFormItem>

      <NFormItem label="Email" size="large" :feedback="form.errors.email" :validation-status="form.errors.email ? 'error' : 'success'">
        <NInput v-model:value="form.email" />
      </NFormItem>

      <NButton type="primary" :loading="form.processing" @click="submitForm">
        Submit
      </NButton>
    </n-space>
  </NForm>

相关问题