Appearance
插槽
插槽也是透传所有组件的,在原有插槽名称上,添加表单key前缀,且采用驼峰法命名。
如:(示例中的prop即test,所谓的prop,即为FormItem的prop属性,也是formItemOptions第一层级key,且唯一)
javascript
// 表单配置
const formItemOptions = ref<MosoweFormFormItemType>(
{
test: {
label: '测试',
component: 'Input'
}
};
)
test对应组件el-input
prefix 插槽
html
<template #testPrefix> xx </template>
其他插槽
插槽 | 说明 | 参数 |
---|---|---|
[prop]FormItemLabel | formItem组件的label插槽 | {label:string} |
[prop]FormItemDefault | formItem组件的default插槽 | {value:any} |
[prop]FormItemError | formItem组件的error插槽 | {error:string} |
[prop]Unit | 表单项组件尾部后面插槽 | |
formBtn | form按钮插槽 | { reset:()=>void, submit:()=>void, isCollapse:boolean, canCollapse:boolean, loading:boolean } |
贡献者
mosowe