基于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 }
		} 
	}
}  

---

官网：https://github.com/wotamann/vuetify-form-base

演示：https://www.vue365.cn/code_demo.php?id=529

GitHub下载：https://github.com/wotamann/vuetify-form-base/archive/master.zip