kingecg
/
gohttpdUi
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: The attribute of option does not work

This commit is contained in:
kailong321200875 2022-10-08 13:49:00 +08:00
parent b320e658d1
commit d946920e61
2 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/Form/src/components/useRenderSelect.tsx
View File

@ -29,8 +29,15 @@ export const useRenderSelect = (slots: Slots) => {
// 如果有别名，就取别名 // 如果有别名，就取别名
const labelAlias = item?.componentProps?.optionsAlias?.labelField const labelAlias = item?.componentProps?.optionsAlias?.labelField
const valueAlias = item?.componentProps?.optionsAlias?.valueField const valueAlias = item?.componentProps?.optionsAlias?.valueField
const { label, value, ...other } = option
return ( return (
<ElOption label={option[labelAlias || 'label']} value={option[valueAlias || 'value']}> <ElOption
label={labelAlias ? option[labelAlias] : label}
value={valueAlias ? option[valueAlias] : value}
{...other}
>
{{ {{
default: () => default: () =>
// option 插槽名规则，{field}-option // option 插槽名规则，{field}-option

3
src/views/Components/Form/DefaultForm.vue
View File

@ -528,7 +528,8 @@ const schema = reactive<FormSchema[]>([
options: [ options: [
{ {
label: 'option1-1', label: 'option1-1',
value: '1-1' value: '1-1',
disabled: true
}, },
{ {
label: 'option1-2', label: 'option1-2',