update v2.5.0+

The update callback will be triggered when the value of the field configured in value or link changes. You can do some linkage processing about value in the update callback

Type

type update = (val:any, rule:FormRule, fApi:fApi)=>Boolean|void

Example

Modify value to the title of the component

<template>
<div>
    <form-create :rule="rule" v-model="fApi" :option="options"/>
</div>
</template>

<script>
    export default {
        data(){
            return {
                fApi:{},
                options:{
                    onSubmit:(formData)=>{
                        alert(JSON.stringify(formData))
                    }
                },
                rule:[
                    {
                        type:'input',
                        field: 'default',
                        title:'update',
                        value:'default',
                        update(val, rule){
                            rule.title = val
                        }
                    }
                ]
            }
            
        }
    }
</script>

Trigger the callback of input1 when input2 changes

link configuration example

<template>
<div>
    <form-create :rule="rule" v-model="fApi" :option="options"/>
</div>
</template>

<script>
    export default {
        data(){
            return {
                fApi:{},
                options:{
                    onSubmit:(formData)=>{
                        alert(JSON.stringify(formData))
                    }
                },
                rule:[
                    {
                        type:'input',
                        field: 'input1',
                        title:'input1',
                        value:'default'
                    },
                    {
                        type:'input',
                        field: 'input2',
                        title:'input1',
                        link:['input1'],
                        value:'',
                        update(val, rule){
                            rule.title = '' + Date.now()
                        }
                    },
                ]
            }
            
        }
    }
</script>

Hide component when input value is empty

<template>
<div>
    <form-create :rule="rule" v-model="fApi" :option="options"/>
</div>
</template>

<script>
    export default {
        data(){
            return {
                fApi:{},
                options:{
                    onSubmit:(formData)=>{
                        alert(JSON.stringify(formData))
                    }
                },
                rule:[
                    {
                        type:'input',
                        field:'input',
                        title:'input',
                        value:'show',
                        update(val){
                            return !val
                        }
                    },
                ]
            }
            
        }
    }
</script>