scheme.md
1.22 KB
Scheme 方案
Scheme是一个数据驱动的解决方案，通过既定的业务配置参数，生成可模块化编辑的CURD业务视图
1c0a50268dbe76754e88f9a6d95ff3c7d6bb59ec/examples/views/docs/scheme.md#">基础用法
配置项list中通过type可以配置任意组件，不受框架限制
:::snippet 使用list属性设置数据源，列表项中的type指定组件类型，每一项都已设置为el-form-item的子组件，通过rules配置校验规则
<template>
<eagle-scheme :list="schemeList"></eagle-scheme>
</template>
<script>
export default {
data() {
return {
schemeList: [
{ type: 'el-input', key: 'name', label: '名称', rules: [{ required: true, message: '请输入名称' }] },
{ type: 'eagle-select', key: 'address', label: '住址', props: { dataSource: [{ label: '大街上', value: 'S' }, { label: '小区里', value: 'H' }] } },
{ type: 'el-input', key: 'postcode', label: '邮编', span: 12, tip: { content: '邮政编码', placement: "left" } },
{ type: 'el-input', key: 'number', label: '楼栋号', span: 12, visible: (model) => model.address === 'H' },
]
}
},
}
</script>
:::
Attribute 属性
参数|说明|类型|可选值|默认值 -|-|-|-|- list | 表单项配置列表 | Array | - | []