微信小程序|微信小程序input双向数据绑定,解决每一个input都需要bindinput方法

微信小程序|微信小程序input双向数据绑定,解决每一个input都需要bindinput方法
文章图片

【微信小程序|微信小程序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}`) },


    推荐阅读