You're Invited:Meet the Socket Team at BlackHat and DEF CON in Las Vegas, Aug 7-8.RSVP
Socket
Socket
Sign inDemoInstall

@lljj/vue3-form-element

Package Overview
Dependencies
2
Maintainers
1
Versions
33
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

@lljj/vue3-form-element

基于 Vue3 、ElementPlus、JsonSchema快速构建一个带完整校验的form表单


Version published
Maintainers
1
Created

Changelog

Source

1.19.0 (2023-10-05)

Bug Fixes

  • 合并 from 'vueCommonUtils' (a42ffb8)

Features

  • lib: 支持antdv 4x 版本 (90987f0), closes #323
  • lib: 支持配置 fui 自定义function (955308d), closes #323
  • lib: 支持配置 ui:required (84adc7f), closes #175
  • lib: 添加 afterArrayOperate 配置,支持数组操作回调 (de1068f), closes #323
  • utils: 合并公共配置 (37c051c)
  • 分离公共 Vue 工具 js (80d3f56)

Readme

Source

@lljj/vue3-form-element

基于 Element Plus 、Vue3、 JSON Schema 生成表单

通过 @lljj/vue3-form-core 适配 ElementPlus 库

安装

## npm
npm install --save @lljj/vue3-form-element

## yarn
yarn add @lljj/vue3-form-element

使用

<VueForm
    v-model="formData"
    :schema="schema"
>
</VueForm>
//  使用
import VueForm from '@lljj/vue3-form-element';

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

Keywords

FAQs

Package last updated on 05 Oct 2023

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc