|
1 | 1 | <template lang="pug">
|
2 | 2 | .radio-list(:disabled="disabled", v-attributes="'wrapper'")
|
3 | | - label(v-for="item in items", :class="{'is-checked': isItemChecked(item)}", v-attributes="'label'") |
| 3 | + label(v-for="item in items", :class="getItemCssClasses(item)", v-attributes="'label'") |
4 | 4 | input(:id="getFieldID(schema, true)", type="radio", :disabled="isItemDisabled(item)", :name="id", @click="onSelection(item)", :value="getItemValue(item)", :checked="isItemChecked(item)", :class="schema.fieldClasses", :required="schema.required", v-attributes="'input'")
|
5 | 5 | | {{ getItemName(item) }}
|
6 | 6 |
|
@@ -58,6 +58,12 @@ export default {
|
58 | 58 | return item;
|
59 | 59 | }
|
60 | 60 | },
|
| 61 | + getItemCssClasses(item) { |
| 62 | + return { |
| 63 | + "is-checked": this.isItemChecked(item), |
| 64 | + "is-disabled": this.isItemDisabled(item) |
| 65 | + }; |
| 66 | + }, |
61 | 67 | onSelection(item) {
|
62 | 68 | this.value = this.getItemValue(item);
|
63 | 69 | },
|
|
0 commit comments