31 lines
661 B
Vue
31 lines
661 B
Vue
|
<template>
|
||
|
|
<div class="row form-group" :key="$attrs.key">
|
||
|
|
<h2
|
||
|
|
contenteditable="true"
|
||
|
|
@focus="clearErrors"
|
||
|
|
@blur="validate"
|
||
|
|
@keydown.enter="$emit('keydown', $event)"
|
||
|
|
|
||
|
|
:class="[{ error: hasError }]"
|
||
|
|
:title="localFormElement.placeholder"
|
||
|
|
:id="localFormElement.key"
|
||
|
|
:name="localFormElement.key"
|
||
|
|
:value="textValue"
|
||
|
|
@input="valueChanged"
|
||
|
|
></h2>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import formBuilderMixin from "@mixins/formBuilderMixin";
|
||
|
|
export default {
|
||
|
|
mixins: [formBuilderMixin],
|
||
|
|
methods:{
|
||
|
|
valueChanged(val){
|
||
|
|
console.info(val);
|
||
|
|
this.textValue = val;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
</script>
|