微信小程序 input中输入内容后还提示请输入的解决办法

在微信小程序开发中遇到个bug，input表单中明明已经输入了内容，提交时还是检测出让输入内容。

<view class='f30 flex-center'>
     <input name="realname" value='{{realname}}' placeholder="请填写真实姓名" />
</view>

js：

add(e)  {
if (this.data.realname == "" || this.data.realname == null) {
      wx.showToast({
        title: "联系人不能为空",
        image: "/images/icon-warning.png",
      });
      return false;
    }
    if (this.data.telephone == "" || this.data.telephone == null) {
      wx.showToast({
        title: "手机号不能为空",
        image: "/images/icon-warning.png",
      });
      return false;
    }
    
    console.log(e.detail.value);

},

后来发现是忘记写赋值：

this.setData({
      realname: e.detail.value.realname,
      telephone: e.detail.value.telephone
})

然后发现还有一种问题：有些手机机型上获取不到输入数据，可以在input框的value前加上 model 解决

代码为：

<view class='f30 flex-center'>
     <input name="realname" model:value='{{realname}}' placeholder="请填写真实姓名" />
</view>