34 lines
876 B
Vue
34 lines
876 B
Vue
<template>
|
|
<div class="row form-group" :key="$attrs.key">
|
|
<div
|
|
v-for="(option, index) in localFormElement.options"
|
|
class="custom-control custom-radio custom-control-inline"
|
|
:key="index"
|
|
>
|
|
<input
|
|
class="custom-control-input"
|
|
:class="[$attrs.labelClass ?? '', { error: hasError }]"
|
|
:type="localFormElement.type"
|
|
:id="option.value"
|
|
:name="option.value"
|
|
v-model="localFormElement.value"
|
|
:value="option.value"
|
|
@focus="clearErrors"
|
|
@blur="validate"
|
|
@keydown.enter="$emit('keydown', $event)"
|
|
/>
|
|
<label class="custom-control-label" :for="option.value">{{
|
|
option.label
|
|
}}:</label>
|
|
</div>
|
|
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import formBuilderMixin from "@mixins/formBuilderMixin";
|
|
export default {
|
|
mixins: [formBuilderMixin],
|
|
};
|
|
</script>
|