因为有业务需求,需要做一个表单提交,组件的wxml如下,后续会增加公用输入框等
< form bindsubmit = "formSubmit" > < slot ></ slot > </ form > |
组件内的事件传递
methods: { formSubmit(e) { this .triggerEvent( 'pageSubmit' , e) } } |
page页面的引用如下
< comForm id = 'comForm' bind:pageSubmit = 'formSubmit' > < button form-type = "submit" >Submit</ button > </ comForm > |
现在的问题是,如果这么做的话,点击button是没办法触发提交行为的,有办法解决吗
哥们,我也遇到了这个 问题,form表单中通过slot去渲染子组件,子组件会被放到form同级去渲染,太坑了,你有其他说明解决方案吗,官方这个垃圾
打开调试,看渲染出来的结构,明明slot,为何不是父子结构