mirror of
https://github.com/Bubka/2FAuth.git
synced 2024-12-05 14:51:01 +01:00
57 lines
1.4 KiB
Vue
57 lines
1.4 KiB
Vue
<template>
|
|
<div class="field">
|
|
<input :id="fieldName" type="checkbox" :name="fieldName" class="is-checkradio is-info" v-model="form[fieldName]" v-on:change="$emit(fieldName, form[fieldName])" v-bind="$attrs">
|
|
<label tabindex="0" :for="fieldName" class="label" :class="labelClass" v-html="label" v-on:keypress.space.prevent="setCheckbox"></label>
|
|
<p class="help" v-html="help" v-if="help"></p>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'FormCheckbox',
|
|
inheritAttrs: false,
|
|
|
|
data() {
|
|
return {
|
|
|
|
}
|
|
},
|
|
|
|
props: {
|
|
label: {
|
|
type: String,
|
|
default: ''
|
|
},
|
|
|
|
labelClass: {
|
|
type: String,
|
|
default: ''
|
|
},
|
|
|
|
fieldName: {
|
|
type: String,
|
|
default: '',
|
|
required: true
|
|
},
|
|
|
|
form: {
|
|
type: Object,
|
|
required: true
|
|
},
|
|
|
|
help: {
|
|
type: String,
|
|
default: ''
|
|
},
|
|
},
|
|
|
|
methods: {
|
|
setCheckbox(event) {
|
|
if (this.$attrs['disabled'] == undefined) {
|
|
this.form[this.fieldName] = !this.form[this.fieldName]
|
|
this.$emit(this.fieldName, this.form[this.fieldName])
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script> |