开源项目低代码表单FormCreate从Vue2到Vue3升级指南

最新推荐文章于 2024-10-12 08:25:31 发布

低代码研究员

最新推荐文章于 2024-10-12 08:25:31 发布

阅读量1k

点赞数 19

分类专栏： FormCreate 文章标签：开源低代码 FormCreate 低代码表单低代码设计器动态表单

本文链接：https://blog.csdn.net/weixin_40487467/article/details/142099402

版权

12 篇文章 0 订阅

订阅专栏

开源项目低代码表单 FormCreate v3 版本基于 Vue 3.0 构建，尽管功能与 v2 版本大致相同，但有一些重要的变更和不兼容项需要注意。

源码地址: Github | Gitee

低代码设计器FormCreate

FormCreate v3 对比 v2 版本在一些功能和配置项上做了调整，以更好地支持 Vue 3 的新特性。以下是 v2 到 v3 升级过程中需要关注的变化和调整。

在 v3 版本中，以下配置项已被移除，因为它们在 Vue 3 中不再适用：

为了更好地支持 Vue 3 和现代 JavaScript 语法，FormCreate v3 版本对部分功能进行了调整：

这些方法现在返回 Promise，您可以使用 then 和 catch 来处理异步操作结果。

fApi.validate().then(() => {
    // 表单验证通过
}).catch(e=>{
    // 表单验证失败
});

修改 v-model 为 v-model:api： 在 Vue 3 中，v-model 支持多个参数，因此 v-model:api 用于绑定 FormCreate 实例。

<form-create v-model:api="fApi" :rule="rule" />

<form-create v-model="formData" :rule="rule" />

在升级到 v3 时，以下功能和特性将不再兼容：

不支持 iview： v3 版本不再支持 iview（View UI），建议迁移到其他支持的 UI 框架，如 Element Plus、Ant Design Vue 等。
移除 template 生成组件方式： template 方式在 v3 中已被移除，建议使用 JSX 或函数式组件来生成动态组件。
移除 formCreate.init 方法： v3 版本中 formCreate.init 方法已被移除，所有的初始化操作建议使用 Vue 组件的生命周期钩子进行管理。

低代码设计器FormCreate