微信小程序 双向绑定及相关报错

双向绑定

wxml

<view>
    <text class="">姓名： {{userName}}</text>
    <input class='form-inline'  placeholder="姓名" bindinput='userNameFn'/>    
</view>

js

  userNameFn(e){
    this.setData({
      userName: e.detail.value
    })
  }

报错

有时使用bindinput（键盘输入事件会报错）

Do not have userNameFn handler in component: pages/one/one. Please make sure that userNameFn handler has been defined in pages/one/one.

解决方法：

出现次错误,再重新点编译按钮就出来了，一定要重新编译一下