(五)【小插曲】index.js文件关于参数隐式具有”any”类型的报错的问题解决

在学习使用WXML构建表单组件时,遇到一个编译错误。通过在index.ts的formSubmit函数中将参数e定义为e:any,解决了这个问题。当事件触发时,函数能正确打印出表单的详细值并更新数据。如果是在index.js文件中,无需显式类型定义。
摘要由CSDN通过智能技术生成

学习表单组件时,根据网上教程,添加了如下代码。

1. index.wxml中添加如下。

<form bindsubmit="formSubmit">
  <view class="section section_gap">
    <view class="section__title">slider</view>
    <slider name="slider" show-value ></slider>
  </view>
  <view class="btn-area">
    <button formType="submit">Submit</button>
  </view>
</form>

2. index.ts中添加如下。

  formSubmit: function (e) {
    console.log('form发生了submit事件,携带数据为:', e.detail.value)
    this.setData({
      allValue:e.detail.value
    })
  }
})

这时编译系统报错如下。

3. 问题解决:在index.ts文件中修改function中的“e”为“e:any”即可。

  formSubmit: function (e:any) {
    console.log('form发生了submit事件,携带数据为:', e.detail.value)
    this.setData({
      allValue:e.detail.value
    })
  }
})

如果是index.js文件,使用function(e)即可。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值