Skip to content

Commit f980a19

Browse files
authored
feat: type为el-checkbox-group的options提供value属性 (#198)
1 parent edfc0fe commit f980a19

File tree

2 files changed

+11
-5
lines changed

2 files changed

+11
-5
lines changed

docs/basic.md

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -61,11 +61,14 @@ export default {
6161
label: 'type',
6262
default: [],
6363
options: [{
64-
label: 'typeA'
64+
label: 'typeA',
65+
value: 'A'
6566
}, {
66-
label: 'typeB'
67+
label: 'typeB',
68+
value:'B'
6769
}, {
68-
label: 'typeC'
70+
label: 'typeC',
71+
value: 'C'
6972
}],
7073
rules: [
7174
{ type: 'array', required: true, message: 'miss type', trigger: 'change' }

src/components/render-form-item.vue

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -43,9 +43,12 @@
4343
<!-- TODO: 支持 el-checkbox-button 变体 -->
4444
<el-checkbox
4545
v-else-if="data.type === 'checkbox-group'"
46-
:key="opt.label"
46+
:key="opt.value"
4747
v-bind="opt"
48-
/>
48+
:label="'value' in opt ? opt.value : opt.label"
49+
>
50+
{{ opt.label }}
51+
</el-checkbox>
4952
<!-- WARNING: radio 用 label 属性来表示 value 的含义 -->
5053
<!-- FYI: radio 的 value 属性可以在没有 radio-group 时用来关联到同一个 v-model -->
5154
<el-radio

0 commit comments

Comments
 (0)