Vue-Form-Base是Vue 2.0组件和Form-Generator,用于编辑纯或深层嵌套的Javascript对象以获取反应结果。
v0.2.7(09/17/2020)
v0.2.6(09/14/2020)
v0.2.5(08/23/2020)
v0.1.20(07/22/2020)
npm install vue-form-base --save
从您的路径导入Formbase.vue文件
import FormBase from 'vue-form-base';
然后注册
export default {
...
components:{
FormBase
}
}
并在模板中使用
<template>
<form-base :data="data" :schema="schema" data-state-name="datastate" />
</template>
简音的例子
如果您的data-state-name属性具有值datastate,那么您必须另外datastate
在Vuex State中定义。
State:{
datastate:null,
...
}
现在使用现有的数据对象
data:{
name: 'smith',
email:'smith@online.com'
}
定义以下简单模式
schema:{
name: {type:'text'},
email: {type:'email'}
}