v formly v3

v-formal-v3

v-formly-v3 adalah pustaka formulir dinamis (didorong oleh JSON) untuk vue 3.

Kesederhanaan dulu

Hasilkan formulir dinamis yang kompleks dan verifikasi melalui Skema JSON standar & Validator Ajv, yang cepat, ringkas, dan efisien.

Dapat digunakan kembali

Hasilkan Templat formulir dalam bentuk JSON, dan formulir bisa digunakan kembali di banyak tempat hanya dengan memodifikasinya! Ini memungkinkan Anda mengembangkan halaman formulir dengan cepat. Dibandingkan dengan menulis formulir formulir html tradisional, menggunakan formulir JSON untuk menentukan formulir dapat sangat meningkatkan efisiensi pengembangan.

Sopir Vue

Saat ini Vue 3.x didukung, dan pustaka komponen mendukung antdv v3 & element-plus. Dukungan untuk pustaka UI lainnya (DevUI, dll.) untuk Vue 3.x sedang dalam pengembangan. . .

mulai cepat

Dokumentasi & Demo

Perkenalan

dokumen

Stackblitzantdv, CodeSandboxantdv

Elemen Stackblitz, elemen CodeSandbox

Memasang

Disarankan untuk menggunakan vite cli untuk membangun proyek

Setelah pembangunan selesai:

Instal v-formly-v3 menggunakan yarn :

yarn add v-formly-v3

Atau instal menggunakan npm :

npm i v-formly-v3 --save

menggunakan

Berdasarkan pustaka komponen 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" ) ; 

Berdasarkan pustaka komponen elemen-plus

 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" ) ; 

lainnya

Baik Anda sedang belajar atau menggunakan v-formly-v3, jika Anda memiliki pertanyaan, Anda dapat bergabung dengan grup QQ: 610930944. Segala ketidaknyamanan dalam proses penggunaan v-formly-v3 akan kami jawab untuk Anda!

Berlisensi MIT |. Hak Cipta © 2022-sekarang v-formly-v3