发布时间 | 2020年5月11日 |
---|---|
插件作者 | wotamann |
基于Vuetify的Vue.js 2+的基于架构的表单生成器。
v0.3.2(11/05/2020)
v0.3.1(10/26/2020)
v0.3.0(10/24/2020)
v0.2.6(09/01/2020)
v0.2.4(2020年2月8日)
v0.1.22(2020/03/17)
假设您将Data作为JS-Object获得,并且必须创建一个可编辑的Form。
Model: {
name: 'Stoner',
position: 'Admin',
tasks: [
{
done: true,
title: 'make refactoring'
},
{
done: false,
title: 'write documentation'
},
{
done: true,
title: 'remove logs'
}
]
}
通常,您必须展平数据结构并将所有映射到适当的格式。然后,您必须定义一个HTML表单并将其与数据关联起来。
使用Vuetify-Form-Base创建具有与数据相同结构的Schema对象。
Schema: {
name: { type:'text', label:'Name' },
position: { type:'text', label:'Position' },
tasks: {
type: 'array',
schema: {
done:{ type:'checkbox', label:'done', flex:3},
title:{ type:'text', flex:9 }
}
}
}