@fx-form/vue2-element
v0.0.5
Published
json scheam form element-ui
Downloads
5
Readme
@lljj/vue-json-schema-form
基于 Element Ui 、Vue2、 JSON Schema 生成表单
通过 @lljj/vue2-form-core 适配 ElementUi 库
安装
## npm
npm install --save @lljj/vue-json-schema-form
## yarn
yarn add @lljj/vue-json-schema-form
使用
<VueForm
v-model="formData"
:schema="schema"
>
</VueForm>
// 使用
import VueForm from '@lljj/vue-json-schema-form';
export default {
name: 'Demo',
components: {
VueForm
},
data() {
return {
formData: {},
schema: {
type: 'object',
required: [
'userName',
'age',
],
properties: {
userName: {
type: 'string',
title: '用户名',
default: 'Liu.Jun',
},
age: {
type: 'number',
title: '年龄'
},
bio: {
type: 'string',
title: '签名',
minLength: 10,
default: '知道的越多、就知道的越少',
'ui:options': {
placeholder: '请输入你的签名',
type: 'textarea',
rows: 1
}
}
}
}
};
}
};
License
Apache-2.0