基于架构的表单生成器 - vuetify-form-b​​ase

基于架构的表单生成器 - vuetify-form-b​​ase
发布时间 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 }
		} 
	}
}