atst/js/components/options_input.js

32 lines
669 B
JavaScript

import { emitFieldChange } from '../lib/emitters'
export default {
name: 'optionsinput',
props: {
name: String,
initialErrors: {
type: Array,
default: () => [],
},
initialValue: String,
},
data: function() {
const showError = (this.initialErrors && this.initialErrors.length) || false
return {
showError: showError,
showValid: !showError && !!this.initialValue,
validationError: this.initialErrors.join(' '),
}
},
methods: {
onInput: function(e) {
emitFieldChange(this, { value: e.target.value, name: this.name })
this.showError = false
this.showValid = true
},
},
}