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

微信小程序input双向数据绑定,解决每一个input都需要bindinput方法_第1张图片 

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}`)
 },

你可能感兴趣的:(微信小程序,微信小程序,小程序)