baseForm.vue 706 B

12345678910111213141516171819202122232425262728293031323334353637
  1. <template>
  2. <BasicForm @register="register" />
  3. </template>
  4. <script lang="ts" setup>
  5. import { BasicForm, FormSchema, useForm } from '/@/components/Form/index';
  6. const schemas: FormSchema[] = [
  7. {
  8. field: 'field1',
  9. component: 'Input',
  10. label: '字段1',
  11. span: 8,
  12. // colProps: {
  13. // span: 8,
  14. // },
  15. componentProps: {
  16. placeholder: '自定义placeholder',
  17. onChange: (_e: any) => {
  18. //
  19. },
  20. },
  21. },
  22. {
  23. field: 'field2',
  24. component: 'Input',
  25. label: '字段2',
  26. span: 8,
  27. // colProps: {
  28. // span: 8,
  29. // },
  30. },
  31. ];
  32. const [register] = useForm({
  33. schemas,
  34. });
  35. </script>