FormKit element plus

FormKit Element Plus 是一个将 Element Plus 表单组件无缝集成到 FormKit 的插件，支持直接传递 Element Plus 的所有属性和事件，助力高效构建强大、灵活的表单界面。

安装

npm安装

npm i element-plus
npm i @formkit/vue
npm i @formkit/i18n
npm i formkit-element-plus

yarn安装

yarn add element-plus
yarn add @formkit/vue
yarn add @formkit/i18n
yarn add formkit-element-plus

全局设置

在入口main.ts文件中,全局注入FormKit、FormKitSchema和基于element-plus封装的输入组件。

import { FormKitElementPlusPlugin } from "formkit-element-plus";
import { zh } from '@formkit/i18n'
import ElementPlus from "element-plus";
import "element-plus/dist/index.css";

const app = createApp(App);

app.use(ElementPlus);
app.use(FormKitElementPlusPlugin, {
    // set language
    locales: { zh },
    locale: 'zh'
})

基础表单案例