微信小程序多个或单个input实现双向绑定

wxml代码

<input type="text" placeholder="请输入姓名" value="{{name}}" bind:input="changeInput" data-type="name"/>

<input type="text" placeholder="请输入工号" value="{{gonghao}}" bind:input="changeInput" data-type="gonghao"/>

<input type="text" placeholder="请输入年龄" value="{{age}}" bind:input="changeInput" data-type="age"/>

js代码

Page({

  /**
   * 页面的初始数据
   */
  data: {
    name:'',
    gonghao:'',
    age:''
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {

  },
  // 修改输入框的值
  changeInput(e) {
    const type = e.currentTarget.dataset.type
    this.setData({
      [type]:e.detail.value
    })
  },
})