np-form Submit Error Feedback

When submit (onSubmit) throws an error, the message is shown on the footer form item by default; set footer.submitErrorFeedback: false to disable it.

浏览器不支持，请手动复制 submit-error.en.vue

<template>
  <np-form :option="option" />
</template>
<script setup lang="ts">
import type { FormOption } from 'naive-plus'

const option: FormOption = {
  onSubmit: async () => {
    // Simulate an api error, the message will be shown on the footer form item
    await new Promise(resolve => setTimeout(resolve, 800))
    throw new Error('Username already exists, please try another one')
  },
  columns: [
    { label: 'Username', key: 'username', defaultValue: 'admin' },
    { label: 'Phone', key: 'tel', type: 'number' },
  ],
}
</script>

Component Configuration

Footer Props

Prop	Description	Type	Default
submitErrorFeedback	Whether to show the submit (onSubmit) error message as the feedback of the footer form item	boolean	true