Vue 2.0表单生成器– Vue-Form-Base

Vue 2.0表单生成器– Vue-Form-Base
插件名称 Vue-Form-Base
发布时间 2020年7月24日
插件作者 wotamann

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)

  • 实现属性模型,模式和网格的动态更改
  • 使用v-file-input的错误修复错误

安装和下载:

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'}
 
}