Skip to content

Instantly share code, notes, and snippets.

@atimermann
Created January 15, 2017 20:51
Show Gist options
  • Save atimermann/48613d3b1f45fb6928f5bd95cfb2f067 to your computer and use it in GitHub Desktop.
Save atimermann/48613d3b1f45fb6928f5bd95cfb2f067 to your computer and use it in GitHub Desktop.
<div>
Vue Material - FORM
<fieldset v-if="schema != null" class="vue-form-generator">
{{ fields }}
<template v-for="field in fields">
<div v-if="fieldVisible(field)" :class="getFieldRowClasses(field)" class="form-group">
<label>{{ field.label }}
<span v-if="field.help" class="help">
<i class="icon"></i>
<div v-html="field.help" class="helpText"></div>
</span>
</label>
<div class="field-wrap">
<component :is="getFieldType(field)" :disabled="fieldDisabled(field)" :model="model" :schema.sync="field" @model-updated="modelUpdated">
</component>
<div v-if="buttonVisibility(field)" class="buttons">
<button v-for="btn in field.buttons" @click="btn.onclick(model, field)" :class="btn.classes">{{ btn.label }}</button>
</div>
</div>
<div v-if="field.hint" class="hint">{{ field.hint }}</div>
<div v-if="errorsVisibility(field)" class="errors">
<span v-for="(error, index) in field.errors" track-by="index">{{ error }}</span>
</div>
</div>
</template>
</fieldset>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment