微信小程序批量获取input的值

第一步，wxml的input中写自定义属性data-input,并且添加相同的bindinput事件

      <input placeholder="" bindinput='inputWacth' data-input="name"></input>                  
      <input placeholder="" bindinput='inputWacth' data-input="phone"></input>
      <input placeholder="" bindinput='inputWacth' data-input="num"></input>      
      <input placeholder="" bindinput='inputWacth' data-input="pass"></input>

第二步，在js中写方法，首先改变哪个获取哪个的bind-input的值，let name1 = e.target.dataset.input，然后setData（）

var app=getApp();
Page({
  data: {
    phone:'',
    name:'',
    num:'',
    pass:'',
  },
  inputWacth(e){//批量给input赋值
    let newValue = e.target.dataset.input
    this.setData({
      [newValue]: e.detail.value
    })
  },


 
})

 

 

这样 就可以批量获取了。