formTabs 标签页

基础用法

<script setup lang="ts">
import type { BasicForm } from '@/types/form'

const formConfig = reactive<BasicForm>({
  formItems: [
    {
      label: '',
      value: '',
      name: '',
      type: 'form-tabs',
      props: {
        // 支持el-tabs的props
      }
      children: [
        {
          label: 'tab1',
          value: '',
          name: '',
          type: 'tab-pane',
          children: [
            {
              label: '字段名',
              value: '',
              name: 'field1',
              type: 'input',
            },
            {
              label: '字段名',
              value: '',
              name: 'field2',
              type: 'input',
            },
          ],
        },
        {
          label: 'tab2',
          value: '',
          name: '',
          type: 'tab-pane',
          children: [
            {
              label: '字段名',
              value: '',
              name: 'field1',
              type: 'input',
            },
            {
              label: '字段名',
              value: '',
              name: 'field2',
              type: 'input',
            },
          ],
        },
      ],
    },
  ],
})
</script>