做一个form表单组件问题
发布于 5 年前 作者 rfan 6081 次浏览 来自 问答

因为有业务需求，需要做一个表单提交，组件的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 回复

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

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

回到顶部