插槽扩展
支持通过插槽扩展自定义组件
scope
数据结构
ts
interface Scope {
rule: Rule; //组件生成规则
prop: VNodeData; //on: 事件, props: 配置
children: Vnode[] //子级
model: { //定义field后才有
value: any; //表单组件 value
callback: (value: any) => void; //表单组件 value 更新
};
};
interface Scope {
rule: Rule; //组件生成规则
prop: VNodeData; //on: 事件, props: 配置
children: Vnode[] //子级
model: { //定义field后才有
value: any; //表单组件 value
callback: (value: any) => void; //表单组件 value 更新
};
};
通过type
生成组件
插槽名称为type-${rule.type}
通过field
生成组件
插槽名称为field-${rule.field}