Form State Management for VueJS
npm i @detools/vue-formimport { Button } from 'element-ui'
import Form, { Input } from '@detools/vue-form'
export default {
data() {
return {
formValues: {},
}
},
methods: {
handleSubmit(values) {
this.formValues = values
},
},
render() {
return (
<div>
<h1>Basic Form</h1>
<div class="wrapper">
<div class="form">
<Form cancel submit labelPosition="top" handleSubmit={this.handleSubmit}>
<Input formItem label name="username" />
</Form>
</div>
<div class="values">
<strong>Form Values</strong>
<br />
<br />
<div>{JSON.stringify(this.formValues, null, 2)}</div>
</div>
</div>
</div>
)
},
}See source in example/src folder.
See demo at https://detools-vue-form.netlify.com