form-create icon indicating copy to clipboard operation
form-create copied to clipboard

[建议] 关于现版本原生事件监听(nativeEmit)的建议

Open zh925 opened this issue 4 years ago • 0 comments

@form-create/[email protected]

2.12.0

现版本的原生事件监听用着有点别扭,建议移除nativeEmit,把原生事件的监听合并到on实现。建议修改为:

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

<script>
    export default {
        data(){
            return {
                fApi:{},
                options:{
                    onSubmit:(formData)=>{
                        alert(JSON.stringify(formData))
                    }
                },
                rule:[
                    {
                        type:'input',
                        field:'inputField1',
                        on: {
                            click: {
                                handler: () => {
                                    alert(`click!!"点击了"`)
                                },
                                native: true
                            }
                        }
                    },
                    {
                        type:'input',
                        field:'inputField2',
                        on: {
                            click: () => {
                                alert(`click!!"点击了"`)
                            }
                        }
                     }
                ]
            }
        }
    }
</script>

类似于Vue的watch属性,如果需要监听原生事件,则在监听的事件名传入一个native为true的对象。

zh925 avatar Mar 17 '21 03:03 zh925