@input 绑定的 bindinput 方法无法记录输入值

login.wpy中有两个输入框，username 和 password，都采用了@input 绑定相应的bindiput方法来记录输入的数据。
比如username：

<view class="weui-cell__bd">
    <input class="weui-input" placeholder="手机号或邮箱" @input="bindUsernameInput" />
</view>

绑定的方法为：

      // 绑定用户名 input 变化
      bindUsernameInput (e) {
        this.username = e.detail.value
      },

遇到的问题是我填入账号密码，总是会被提示‘请填写账户名和密码’。怀疑username和password变量都为空，加入打印试试：

  // 绑定用户名 input 变化
  bindUsernameInput (e) {
    this.username = e.detail.value
    console.log('test username input');
  },

发现我在输入数据时，console.log根本没执行，也就是@input绑定的方法没有触发。
试试替换@input为@tap，点击输入框，可以触发indUsernameInput方法在控制台打印出来测试数据，但换回@input 则还是无法打印出测试数据。

已经尝试全部复制粘贴教程的代码来替换掉自己输入的代码，问题依旧。

卡在这里了，请大家不吝赐教。先谢过！