收藏
回答

小程序自定义组件不能进行form提交

框架类型 问题类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
小程序 Bug component 微信iOS客户端 6.6.6 1.9.98


希望做一个组件,比如dialog,这个dialog组件中包含了一下部分代码:

< form  bindsubmit = 'submit' >
  < slot />
  < button  type = 'submit' >提交button>
form >

然后在page页面中使用这个dialog:

<dialog  bind:submit = "onsubmit" >
     < input  name = "testInput"  value = "Test Value"  />
dialog >

结果发现:按钮点击提交后,submit事件中不能获取到testInput控件的值。整个按钮事件的e.detail.value为空。


请帮忙分析解决,谢谢!

最后一次编辑于  2018-05-02
回答关注问题邀请回答
收藏

4 个回答

  • Aero
    Aero
    2019-08-15

    确实不能,自定义组件不能这样用,你可以把需要的input等表单元素通过props进行传输,然后再组件内渲染,这样的话是可以的

    2019-08-15
    有用 1
    回复
  • No.2狮子的果敢
    No.2狮子的果敢
    2020-09-20

    同问,自定义form组件时遇到了同样的问题


    2020-09-20
    有用
    回复
  • 2018-05-21

    试试在input自定义组件中加上这句:

    behaviors: ['wx://form-field'],


    2018-05-21
    有用
    回复 1
    • Aero
      Aero
      2019-08-15
      他问的是如何在自定义组件中获取slot内的信息,不是制作自定义input
      2019-08-15
      1
      回复
  • 2018-05-20

    同问。


    在form中使用的自定义组件,在submit的时候,e.value中无法获取到自定义组件中input内容的值。

    2018-05-20
    有用
    回复
登录 后发表内容