收藏
回答

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

问题模块 框架类型 问题类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
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  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

3 个回答

  • Aero
    Aero
    08-15

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

    08-15
    赞同
    回复
  • Six006
    Six006
    2018-05-21

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

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


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

    同问。


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

    2018-05-20
    赞同
    回复