You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
<template>
|
|
|
|
<v-card-text>
|
|
|
|
<v-textarea
|
|
|
|
:label="element.label"
|
|
|
|
:placeholder="element.placeholder"
|
|
|
|
:hint="element.hint"
|
|
|
|
:color="element.color"
|
|
|
|
:append-icon="element.append_icon"
|
|
|
|
:prepend-icon="element.prepend_icon || 'fas fa-align-right' "
|
|
|
|
v-model="values[element.slug]"
|
|
|
|
@input="changeValue"
|
|
|
|
:data-vv-name="element.slug"
|
|
|
|
:data-vv-as="element.label"
|
|
|
|
v-validate="element.validations"
|
|
|
|
:error-messages="errors.collect(element.slug)"
|
|
|
|
></v-textarea>
|
|
|
|
</v-card-text>
|
|
|
|
</template>
|
|
|
|
<script>
|
|
|
|
export default {
|
|
|
|
props: {
|
|
|
|
element: {
|
|
|
|
type: Object
|
|
|
|
},
|
|
|
|
values: {
|
|
|
|
type: Object,
|
|
|
|
default: () => ({})
|
|
|
|
}
|
|
|
|
},
|
|
|
|
methods: {
|
|
|
|
changeValue() {
|
|
|
|
this.$emit('input', this.values);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
};
|
|
|
|
</script>
|