vs-jsonform
v1.0.15
Published
基于 Vue3 、ElementPlus、JsonSchema快速构建一个带完整校验的form表单
Downloads
6
Readme
安装
## npm
npm install --save vs-jsonform
## yarn
yarn add vs-jsonform
使用
<VueForm
v-model="formData"
:schema="schema"
>
</VueForm>
// 使用
import VueForm from 'vs-jsonform';
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: 'vswork',
'ui:options': {
placeholder: 'vswork欢迎你',
type: 'textarea',
rows: 1
}
}
}
}
};
}
};