Skip to content

Instantly share code, notes, and snippets.

@Julien1138
Created October 2, 2020 13:46
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Julien1138/5e195aa8cee4a7f7bf4a00d6abe54ba7 to your computer and use it in GitHub Desktop.
Save Julien1138/5e195aa8cee4a7f7bf4a00d6abe54ba7 to your computer and use it in GitHub Desktop.
<template>
<div class="form-element">
<div>{{ field.title }}</div>
<slot :field="field"></slot>
<div v-if="empty" class="empty">Must not be empty</div>
</div>
</template>
<script>
export default {
props: {
field: {
type: Object,
default: () => {}
},
},
computed: {
empty() {
if (this.field.value) {
return this.field.value.length === 0
}
return true
}
},
}
</script>
<style scoped>
.form-element {
margin-bottom: 1rem
}
.empty {
color: red
}
</style>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment