vue-gridform
A Vue.js implementation of gridforms.js
Build Setup
# install dependenciesnpm install# serve with hot reload at localhost:8080npm run dev# build for production with minificationnpm run build
For a detailed explanation on how the build works, consult the docs for vue-loader.
Form Schemas
const myForm =section:legend: 'Section Title'rows:/* two fields at 50% width */span: 2fields:label: 'test' key: 'test' type: 'text' span: 1label: 'test number' key: 'testNum' type: 'number' span: 1
For more information about how form layout works, consult the docs for gridforms.
Example Usage
<!-- custom slot for form footer / submit button -->
el: '#my-gridform'components:vueGridform: VueGridform{returngridSections:section1: legend rowssection2: ...}