背景描述
表单在日常使用中,面对很多特殊的业务场景,需要为表单中某些控件单独设置一些事件来做自定义操作。为此,我们为 FormMaking表单设计器 添加了新的功能,可以快速的对表单中的元素绑定各种事件,使得表单能够有更好的扩展性。
查看 官方文档,可以了解到新版本添加了获取表单项组件的方法 getComponent
,接下来我们用简单的例子来说明下如何为表单动态添加事件。
表单输入框加入点击事件
我们在表单开发的时候,常会有这样一种需求,就是点击文本框后会弹出一个模态框进行一些操作后将结果返回到文本框中;这里就需要给文本框添加点击事件来处理后面的操作。
下面我们实现一个简单的例子,点击文本框后,弹出提示框,点击确定后为文本框赋值。
- 在设计器中添加一个文本框并修改字段标识为
name
。
- 点击生成代码,复制到我们的代码编辑器中并绑定点击事件。
<template>
<div>
<fm-generate-form
:data="jsonData"
:remote="remoteFuncs"
:value="edit