微信小程序怎么获取表单input的值？

Question

<van-field  name="mobile" label="手机号码" input-align="right" bind:blur="changemobileinput"/>
  <van-field
    name="smscode"
    bind:blur="checksms"
    center
    clearable
    label="短信验证码"
    placeholder="请输入短信验证码"
    border="{{ false }}"
    use-button-slot
  >

目前是用户输入完手机号，mobile这个input失去焦点时候触发函数changemobileinput，在这个函数中通过this.setData方式把用户输入的手机号，赋值给data中的mobile变量。
但是现实的情况是用户输入完手机号后，就去直接点击发送验证码的按钮，导致这里来获取data中的mobile变量时，不能正确的获取手机号。再点一次这个发送按钮时，才能正确的获取到手机号。
问题应该是出现在this.setData这里

目前，我想到的解决方式是在发送短信的函数内来获取mobile这个input内的值，不从data中去取。但是不知道怎么来获取到这个手机号input内的值？

Answer 1

原生组件可以通过 bindinput 事件在用户输入的时候就获取输入的手机号。🔗 input | 微信开放文档
如果说你是使用的 VantUI 那么可以通过 bind:input 来获取 🔗Field 输入框 - Vant Weapp

Answer 2

在input未失去焦点时点击发送验证码按钮,不能正确的获取手机号可能是因为失焦事件和点击事件冲突的原因