Skip to content

插槽

插槽也是透传所有组件的,在原有插槽名称上,添加表单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]FormItemLabelformItem组件的label插槽{label:string}
[prop]FormItemDefaultformItem组件的default插槽{value:any}
[prop]FormItemErrorformItem组件的error插槽{error:string}
[prop]Unit表单项组件尾部后面插槽
formBtnform按钮插槽{
reset:()=>void,
submit:()=>void,
isCollapse:boolean,
canCollapse:boolean,
loading:boolean
}

贡献者

mosowe

文档版本 v1.0.1