form-create Tutorial: Remove the default submit button form-create Tutorial: Remove the default submit button form-create tutorial: to built-in components and custom components to add events

This article describes how to modify the form-create, hide the default submit button

form-create  a JSON can generate a dynamic rendering, data collection, validation and submit the form builder function. Vue and support the generation of any component. Combined with the built-in 17 kinds of commonly used form components and custom components, more complex forms can be easy to get.

If it helps you, you can  GitHub  to the point of a "Star" on the support Thank you!

 

Hide the default button

First, the default submit button and a reset button hidden by setting the global configuration

{
  submitBtn: false,
  resetBtn: false
}

 

Generate custom button assembly

Used in the examples are 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 tutorial series:

form-create tutorials: remove the default submit button

form-create tutorial: to built-in components and custom components to add events

form-create Tutorial: custom layouts to achieve a plurality of line assemblies