微信小程序，判断文本框为空的问题。

如图：
.wxml代码

    <input class="weui-input" type="text" name="MyName" bindblur='MyName' value="{{MyName}}" placeholder="输入中文姓名" />

    <button type="primary" bindtap="loginBtnClick"> 确认提交 </button>

.js代码

loginBtnClick: function () {
    let name = this.data.MyName
    if (name == '') {
      wx: wx.showToast({
        title: '请输入姓名',
        icon: 'none',
        duration: 2000 //持续的时间
      })
    }
  }

运行一直判断MyName为空，明明填写值也会进入判断，求指教

需要自己去刷新，不是双向绑定
代码参考
https://www.cnblogs.com/kevin-Y/p/12586626.html

wxml是渲染层，不参与逻辑，所以数据不是在那里随时更改在js里就随时可见的。表单最方便的方法是放个form组建

<form bindsubmit="loginBtnClick">
    <input class="weui-input" type="text" name="MyName" bindblur='MyName' value="{{MyName}}" placeholder="输入中文姓名" />
    <button type="primary" form-type="submit"> 确认提交 </button>
</form>

loginBtnClick: function (e) {
    let name = e.detail.value.MyName
    if (name == '') {
        wx: wx.showToast({
            title: '请输入姓名',
            icon: 'none',
            duration: 2000 //持续的时间
        })
    }
}