|
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