自動初始化表單資料
於schema裡定義defaultValue可自動初始化 model data, 即model可傳入空物件就會自動生成每項form item的鍵值對。 想像一個場景需要動態切換多個表單,每個表單所定義的form-item prop都不一樣的話 model data 豈不是要定義好幾份初始值? 但model key 其實就是depend on schema prop。 故只要於組件內偵測schema變化後將prop綁到model上就好。 (defaultValue 不傳則預設為空字串,即如果form-item為el-input 可不傳)
<enhanced-el-form> Props
| 参数名 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| model-value (v-model) (必填) | ModelProps | - | |
| schema (必填) | Array | () => [] | |
| label-width | union | '' | |
| can-editing | boolean | false | |
| is-inline | boolean | false | |
| enter-search | TSFunctionType | () => {} | |
| label-position | union | 'right' | |
| disabled | 是否禁用 | boolean | false |
| always-editable-columns | Array | () => [] |
<enhanced-el-form> Slots
| 插槽名 | 描述 | 参数 |
|---|---|---|
form-${config.prop} | name config isEditing | |
| footer | - |