首页 > 其他 > 详细

formCreate教程:移除默认提交按钮

时间:2019-07-29 21:36:11      阅读:650      评论:0      收藏:0      [点我收藏+]

本文将介绍form-create如何修改,隐藏默认提交按钮

form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成器。并且支持生成任何 Vue 组件。结合内置17种常用表单组件和自定义组件,再复杂的表单都可以轻松搞定。

如果对您有帮助,您可以在 GitHub 上给作者点个"Star" 支持一下 谢谢!

 

隐藏默认按钮

首先通过设置全局配置隐藏默认的提交按钮和重置按钮

{
  submitBtn: false,
  resetBtn: false
}

 

生成自定义按钮组件

示例中使用的是 ElementUI

技术分享图片

[
    {
        type: ‘input‘,
        field: ‘field-1‘,
        title: ‘test‘,
        value: ‘test submit‘,
        col: {
            span:6
        }

    },
    {
        type: ‘el-button‘,
        on: {
            click: function(){
                //TODO 提交表单
                $f.submit();
                //或者
                $f.resetFields();
            }
        },
        col: {
            span:3,
            push: 1
        },
        children: [‘submit‘]

    }
]

 

form-create教程系列:

form-create教程:移除默认提交按钮

form-create教程:给内置组件和自定义组件添加事件

form-create教程:自定义布局,实现一行多个组件

 

formCreate教程:移除默认提交按钮

原文:https://www.cnblogs.com/xaboy/p/11266377.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!