表单按钮 改变控件的值

最后更新于:2022-04-02 07:18:44

Online之JS增强+自定义表单按钮+改变表单的值 === >[info] 本文主要讲述通过新增自定义表单类型的按钮 改变表单的值 [TOC] ## 效果展示 ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/c5/fc/c5fc978f4e11743dde409437e21b8c93_1920x868.png) ## 配置步骤 - 新增自定义按钮,按钮编码为`“cc”`、按钮样式为`“form”`、按钮类型为`“js”`,如下图: ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/76/9b/769b709b9fa8e408ea24388d15fac8b5_955x716.png) - 新增表单JS增强方法,方法名为`“cc”`,与自定义按钮编码`“cc”`一致(**必须**) ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/50/fe/50feaf578d4dbf24fe24e07fb25d949c_1012x357.png) ## js代码示例 ``` cc(){ that.triggleChangeValue("jiguan","汉族"); } ``` ## 注意事项 1.that 指向当前vue实例,相当于vue中的this,可以调用一切this可以调用的方法,属性 2.此处调用的是triggleChangeValue,方法有两个参数,第一个对应字段名称,第二个是需要设置的值,目前只支持**单表/主表** 值的设置
';