文章图片
【微信小程序|微信小程序input双向数据绑定,解决每一个input都需要bindinput方法】1.通过标签属性data来绑定data中的参数key
2.通过bandinput获取key值
3.通过模板字符串赋值给data中的值
wxml:
产品名称
产品价格
js:
data: {
goodsName:"",
goodsPrice:"",
},
bindKeyInput(e){
console.log(e)
this.setData({
[`${e.currentTarget.dataset.params}`]:e.detail.value
})
console.log(`商品名称:${this.data.goodsName},商品价格:${this.data.goodsPrice}`)
},
推荐阅读
- 小程序|微信小程序双向数据绑定
- 《微信小程序》开发 问题记录
- 微信小程序中使用canvas 卡顿问题
- 前端|小程序内部引导关注公众号实现方法
- 前端|微信小程序如何实现转发/分享功能
- 马哥源码资讯|微擎模块 同城黑卡小程序4.6.0后台模块+前端小程序
- 小程序源码|小程序源码(社群微群人脉系统-多玩法安装简单)
- 模板小程序或定制小程序有什么区别()
- uni-app|uni-app引入小程序自定义组件的混合开发