Skip to content

跨项目渲染

当您需要在其他项目中使用设计器生成的表单规则时,只需要导入对应的渲染器即可,无需完整导入设计器。

注意

跨项目使用时只需要导入渲染器,不需要导入完整的设计器包。渲染器文件体积更小,仅包含表单渲染所需的功能。

使用步骤

在你的业务项目入口文件中(例如 main.js / main.ts)加入以下代码:

Element Plus/Element UI 版本:

js
import formCreate from '@form-create/element-ui';
// 跨项目渲染包
import '@form-create/designer/dist/components.es';

Ant Design Vue 版本:

js
import formCreate from '@form-create/ant-design-vue';
// 跨项目渲染包
import '@form-create/antd-designer/dist/components.es';

移动端版本:

js
import formCreateMobile from '@form-create/vant';
// 跨项目渲染包
import '@form-create/vant-designer/dist/components.es';