学习表单组件时,根据网上教程,添加了如下代码。
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)即可。