两个input输入框,a框为max,b框为min,b框输入的值不能大于a框,同理a框输入的值不能小于b框,有什么好的方法?

<input type="text" v-model="input_max"></input> //max
<input type="text" v-model="input_min"></input> //min

阅读 3.1k
2 个回答

首先从 提供的代码中猜测:

使用框架 Vue, 数据的双向绑定 (另疑问 小写的input 为啥是个 双标签, 编辑器不会报错)

input输入框是存在 change 事件 的,在Vue中 为 @change 事件, 通过监听change 事件比对 两个值(input_max,input_min) 大小即可

change事件,你input_max 和input_min 都能拿到,不管哪个input输入值发生改变时,你都可以进行比较,发现不合法输入时,进行个动作,提示或者清空什么的都可以

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题