做一个form表单组件问题

发布于 7 年前作者 rfan6230 次浏览最后编辑 7 年前来自 ask

因为有业务需求,需要做一个表单提交,组件的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是没办法触发提交行为的,有办法解决吗

2 回复
yongpan
yongpan1 楼6 年前

哥们,我也遇到了这个 问题,form表单中通过slot去渲染子组件,子组件会被放到form同级去渲染,太坑了,你有其他说明解决方案吗,官方这个垃圾

jie63
jie632 楼5 年前

打开调试,看渲染出来的结构,明明slot,为何不是父子结构