FormDialog组件 props
config
详情: 表单配置
默认值:
[]
类型: FormConfig
示例:
html
<template>
<m-form-dialog :config="config"></m-form-dialog>
</template>
<script setup>
import { ref } from 'Vue';
const config = ref([
{
name: 'text',
text: '文本',
},
{
name: 'multiple',
text: '多行文本',
type: 'switch',
},
]);
</script>
values
详情: 表单初始化值
默认值:
{}
类型:
Object
示例:
html
<template>
<m-form-dialog :values="values"></m-form-dialog>
</template>
<script setup>
import { ref } from 'Vue';
const values = ref([
text: 'text',
multiply: true,
]);
</script>
width
详情: 弹窗宽度
类型:
string | number
labelWidth
- 详情:
表单域标签的宽度,例如 '50px'。 作为 Form 直接子元素的 form-item 会继承该值。 支持 auto
默认值:
'200px'
类型:
string | number
fullscreen
详情: 弹出是否全屏
默认值: false
类型: boolean
disabled
详情: 是否禁用该表单内的所有组件。 若设置为 true,则表单内组件上的 disabled 属性不再生效
默认值: false
类型:
boolean
title
详情: 弹出标题
类型:
string
size
详情: 用于控制该表单内组件的尺寸
类型:
'small' | 'default' | 'large'
confirmText
详情: 提交按钮文案
默认值:
'确定'
类型:
string