微信小程序中，怎么在一个输入框中输入的同时去判断另外一个输入框是否输入了内容？

Question

微信小程序中，怎么在一个输入框中输入的同时去判断另外一个输入框是否输入了内容？就是2个输入框能联动

Answer 1

解决方案: 数据绑定

建立两个value,分别绑定到input的value中

交互分析

1. 两个input肯定会有一个先被点击并输入内容－》赋值相应数据setData({value*:e.detail.value})

2. 然后处理接下来的逻辑

实际例子

• wxml

<input id="input1" value="{{value1}}" bindinput="bindInputValue1" />
<input id="input2" value="{{value2}}" bindinput="bindInputValue2" />

• js

bindInputValue1: function(e){
  var that = this;
  // 获取相应的输入值
  var value1 = e.detail.value;
  that.setData({
    value1: value1
  });
  // 在这里可以获取value2 继续操作
  var value2 = that.data.value2;
  //这里可以继续操作
  //如实现联动更改
  if(value2 == "hello world!"){
    这里做系列处理
  }
}

bindInputValue2: function(e){
   // 类似 bindInputValue1
}

扩展

• 微信小程序数据操作上:合理组装数据

• 微信小城数据操作处理下:深度操作数据