v formly v3 다운로드 - v formly v3 소스 코드 다운로드

v formly v3

기타 카테고리

1.0.0

다운로드

v-formly-v3

v-formly-v3은 vue 3용 동적(JSON 기반) 양식 라이브러리입니다.

단순함 우선

빠르고 간결하며 효율적인 표준 JSON Schema & Ajv Validator를 통해 복잡한 동적 양식 및 검증을 생성합니다.

재사용성

JSON 형식으로 양식 템플릿을 생성하고 양식을 수정하기만 하면 여러 위치에서 재사용할 수 있습니다! 이를 통해 양식 페이지를 신속하게 개발할 수 있습니다. 기존 HTML 양식 양식을 작성하는 것과 비교할 때 JSON 양식을 사용하여 양식을 정의하면 개발 효율성이 크게 향상됩니다.

Vue 드라이버

현재 Vue 3.x가 지원되며, 컴포넌트 라이브러리는 antdv v3 및 element-plus를 지원합니다. Vue 3.x용 다른 UI 라이브러리(DevUI 등)에 대한 지원은 개발 중입니다. . .

빠른 시작

문서 및 데모

소개

문서

Stackblitzantdv, CodeSandboxantdv

Stackblitz 요소, CodeSandbox 요소

설치하다

프로젝트를 빌드하려면 vite cli를 사용하는 것이 좋습니다.

빌드가 완료된 후:

yarn 사용하여 v-formly-v3 설치합니다.

yarn add v-formly-v3

또는 npm 사용하여 설치하십시오.

npm i v-formly-v3 --save

사용

antdv v3 구성 요소 라이브러리 기반

 import { createApp } from "vue" ;
import App from "./App.vue" ;
import Antd from "ant-design-vue" ;
import "ant-design-vue/dist/antd.css" ;
import * as antIcons from "@ant-design/icons-vue" ;
import VFormly from "v-formly-v3/antdv" ;

const app = createApp ( App ) ;
app . use ( Antd ) ;
Object . keys ( antIcons ) . forEach ( ( key ) => {
  app . component ( key , ( antIcons as any ) [ key ] ) ;
} ) ;
app . config . globalProperties . $antIcons = antIcons ;

app . use ( VFormly , {
  ui : {
    errors : {
      required : "必填项" ,
    } ,
  } ,
} ) ;
app . mount ( "#app" ) ;

요소와 구성요소 라이브러리 기반

 import { createApp } from "vue" ;
import App from "./App.vue" ;
import ElementPlus from "element-plus" ;
import "element-plus/dist/index.css" ;
import * as elIcons from "@element-plus/icons-vue" ;
import VFormly from "v-formly-v3/element" ;

const app = createApp ( App ) ;
app . use ( ElementPlus ) ;
for ( const [ key , component ] of Object . entries ( elIcons ) ) {
  app . component ( key , component ) ;
}
app . config . globalProperties . $elIcons = elIcons ;

app . use ( VFormly , {
  lib : "element" ,
  ui : {
    errors : {
      required : "必填项" ,
    } ,
  } ,
} ) ;
app . mount ( "#app" ) ;