【使用formCreate的vue3版本，无法调用formCreate内置方法】

最新推荐文章于 2024-05-22 09:43:51 发布
最新推荐文章于 2024-05-22 09:43:51 发布
阅读量684 收藏 1
点赞数 1
文章标签： 前端 vue.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40332446/article/details/122092521
版权
使用formCreate的vue3版本，无法调用formCreate内置方法

在以前formCreate的vue2版本中调用内置方法时，是利用v-model，直接调用就可以了。代码如下：
在这里插入图片描述在这里插入图片描述
而在formCreate的vue3版本中，如果按照vue2版本写的话是拿不到formCreate的内置方法的。会出现如下错误


这是因为你拿到的是proxy对象而不是formCreate内置对象
在这里插入图片描述
解决方案：按照官方文档说明；在使用formCreate时，v-model要变成v-model:api，其他写法一样。
在这里插入图片描述
这样就可以拿到formCreate内置方法了

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-WvfsQssZ-1640169658590)(C:\Users\V556\AppData\Roaming\Typora\typora-user-images\image-20211222183928984.png)]

jan老白
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
vue-form-create:基于Vue3.0的表单设计器
04-17
vue-form-create 基于 Vue3.0 + TS 的自定义表单生成器。支持 npm 与 cdn 引入的方式。UI 库支持 ant-design-vue 与 element-plus。 支持功能 远端数据获取 图片上传 富文本编辑器 栅格布局 生成 JSON 生成代码 演示地址（github） 演示地址（gitee） github npm 1 安装 使用 npm 或 yarn 安装 我们推荐使用 npm 或 yarn 的方式进行开发，不仅可在开发环境轻松调试，也可放心地在生产环境打包部署使用，享受整个生态圈和工具链带来的诸多好处。 $ npm install vue-form-create --save $ yarn add vue-form-create 浏览器引入 在浏览器中使用 script 标签直接引入文件，并使用全局变量 formCreate。 我们在 npm 发布包内
使用form-create动态生成vue自定义组件和嵌套表单组件
10-17
在本文中，我们将深入探讨如何使用`form-create`来动态生成vue自定义组件和嵌套表单组件。 首先，`form-create`的核心在于`maker`对象，它提供了一系列的方法来创建不同类型的组件。例如，`maker.create()`可以用来...
基于Vue3.0的低代码可视化表单设计器工具FormCreate Pro版是真强
最新发布
2401_85161170的博客
05-22 1449
FormCreate Pro版，功能是真的强大! 项目采用 Vue3.0 和 ElementPlus 进行页面构建，内置多语言解决方案，支持二次扩展开发，支持自定义组件扩展。
vue create vue3报npm ERR! errno -4048 Error: EPERM: operation not permitted错误解决方法
Silence-Lee的博客
07-06 6214
在安装vue-cli3脚手架时报如下错误， 具体错误信息如下： E:\1论文代码>vue create vue3-li ? Your connection to the default npm registry seems to be slow. Use https://registry.npm.taobao.org for faster installation? Yes V...
vue3.0使用form-create动态生成表单
weixin_44274094的博客
06-21 3990
//element-plus 版本 npm i @form-create/element-ui@next //ant-design-vue@3.0 版本 npm i @form-create/ant-design-vue@next
vue antd Form表单的使用
queen_css的博客
12-10 2819
1、安装 $ npm i --save ant-design-vue 2、引入 在 main.js 文件中引入 import Antd from 'ant-design-vue'; import 'ant-design-vue/dist/antd.css' Vue.use(Antd); 3、在组件库中找到form组件，将组建代码复制到自己的文件上 https://www.antdv.com/components/form-cn/ <--组件地址 4、使用form表单时v-.....
在vue3中使用form-create-designer
qq_45383777的博客
02-23 2376
具体内容可参考官网因为我主要的需求只有两点，第一是自己设计表单，第二是根据表单规则在FcDesigner中回显表单主要用到了两个api。
使用Vue动态生成form表单的实例代码
08-27
3. 在安装FormCreate后，需要引入FormCreate的JS和CSS文件，然后在Vue实例中使用FormCreate来生成动态form表单。 4. 在生成form表单时，可以使用rules参数来指定表单生成规则。rules参数是一个数组，包含多个规则...
vue自定义表单生成器form-create使用详解
10-16
3. **转换为表单组件** - 自定义组件转换后，可以像内置组件一样操作，例如通过 `$f.formData` 获取数据，使用 `$f.setValue` 修改值。 ### 预定义属性 自定义组件可以通过 `props` 接收以下属性： - `value` - ...
总结Vue3常见组件定义方式，我竟写出来了个bug……
wang_yu_shun的博客
02-23 1786
茶已备好，只待君来！感谢关注 前端点线面 (>‿<），本号定期推荐原创深度好文，帮助每一位在前端领域打拼的伙伴们走向前列，此外关注我获取最前沿知识点、海量学习资料、《前端百题斩...
vue3-动态表单1
weixin_37901601的博客
03-29 292
form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成组件。支持 5 个UI框架，并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件，再复杂的表单都可以轻松搞定。
FormMaking V3 发布，支持 Vue 3 的可视化低代码表单设计器
GavinZhulei的博客
03-28 2970
简介 FormMaking v3 是基于 Vue 3.x 和 Element Plus 开发的可视化/低代码表单设计器，可以生成 Element 和 Antd 样式的表单。 FormMaking 目前已被民航、政务、教育、医疗、测绘、金融、网络安全、智慧城市等不同领域采用，V3 版本完全支持兼容 FormMaking，在使用和功能上完全一致。 预览地址：https://form.making.link/v3/sample 文档地址：https://www.yuque.com/form-making/dpao
vue3中FormCreate封装
m0_73205039的博客
03-28 1409
console.log('操作类型', props.formActionType, state.fApi);console.log(formData, '编辑编辑');console.log('表单验证', valid);console.log('表单重设');default: '表单操作',
总结的一些关于vue3的form-create使用
2302_76505335的博客
04-29 667
最近需要做一个需求，点击下拉框select，然后显示不同表单项，相当于动态表单，以下是我总结的一些关于form-create使用心得，项目是vue3.。。。 教程：用elementPlus组件库的类型form-create。 rule： 组件规则里面是渲染的组件 示例中formData相当于data，会根据rule里每一项的field自动生成对象。 Option：配置项是当前组件的配置，比如可以更改默认表单基础设置，例如，隐藏提交按钮
VUE里面自定义的方法没有调用
a644388262的博客
05-21 2137
这个问题遇到过很多次了，这次又遇到一次浪费我时间想了一会儿，决定记下来，先举例 wx.scanQRCode({ needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果， scanType: ["qrCode", "barCode"], // 可以指定扫二维码还是一维码，默认二者都有 success: function (res) { var result = res.resultStr; // 当needResult 为 1 时，扫码返回的结果 i
vue 中使用form-create 动态创建表单
weixin_38673922的博客
01-21 2769
form-create 和UI框架配合使用，目前支持3个常用的UI：ElementUI、Iview、Ant-design-vue 以ant-design-vue为例 form-create官网地址 form-create表单生成器说明文档 一、ant-design-vue 和form-create的安装 cnpm install ant-design-vue --save cnpm i @form-create/ant-design-vue 二、在项目根目录src目录下的 main.js文件 中配置a
声明 FormCreate
07-10
在Delphi中，FormCreate是一个特殊的事件处理程序，用于在窗体创建时执行特定的操作。要声明FormCreate事件处理程序，您需要按照以下步骤进行操作： 1. 打开您想要添加FormCreate事件处理程序的窗体单元。 2. 在窗体类的声明部分（通常是interface部分）添加以下代码： ```delphi private procedure FormCreate(Sender: TObject); ``` 3. 在窗体类的实现部分（通常是implementation部分）添加以下代码： ```delphi procedure TForm1.FormCreate(Sender: TObject); begin // 在此处编写您希望在窗体创建时执行的代码 end; ``` 4. 最后，在窗体的OnCreate事件中关联FormCreate事件处理程序。可以通过以下两种方式之一完成： a. 在Object Inspector（对象检查器）中，找到窗体的OnCreate事件属性，并选择FormCreate作为事件处理程序。 b. 在代码中，添加以下代码： ```delphi procedure TForm1.FormCreate(Sender: TObject); begin // 在此处编写您希望在窗体创建时执行的代码 end; // 在窗体的创建事件中关联FormCreate事件处理程序 procedure TForm1.FormCreate(Sender: TObject); begin Form1.OnCreate := FormCreate; end; ``` 现在，您已经成功声明了FormCreate事件处理程序，并将其与窗体的OnCreate事件相关联。您可以在FormCreate事件处理程序中编写您希望在窗体创建时执行的代码。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值