微信小程序在form组件提交时,拿自定义input组件的值

form表单:

<form bindsubmit="formSubmit">
  表单
  <!-- 自定义的input组件 只需要在这个自定义的组件中加上name属性即可,不需要在组件中的input上加name属性 -->
  <my-input name="test"></my-input>
  <button form-type="submit">提交</button>
</form>

自定义input组件:

  <!-- 自定义input组件 -->
  <view>
    <!-- 这里不需要设置name属性,而是在调用组件时,添加name属性。如<my-input name="test"></my-input> -->
    <input bindinput="getInputValue"></input>
  </view>

自定义input组件js文件:

提示:behaviors的功能相当于组件之间公用代码,里面有公用的属性、方法。可以把behavior当做构造函数,别的组件能使用这个behavior的方法和数据。

Component({
  behaviors: ['wx://form-field'], //wx://form-field 代表一
  • 14
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值