FormKit element plus

Element plus for FormKit.

大部分组件是基于 Element plus, 属性会直接传递到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封装的输入组件。

const app = createApp(App)

import { plugin, defaultConfig } from '@formkit/vue'
import { ElementPlusInputs } from 'formkit-element-plus'
import { zh } from '@formkit/i18n'
import '@formkit/themes/genesis' // formkit主题

app.use(
  plugin,
  defaultConfig({
    // 设置语言为中文
    locales: { zh },
    locale: 'zh',
    inputs: {
      ...ElementPlusInputs,
    },
  }),
)

基础表单案例