惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

D
DataBreaches.Net
N
Netflix TechBlog - Medium
P
Proofpoint News Feed
D
Docker
J
Java Code Geeks
L
LangChain Blog
Microsoft Security Blog
Microsoft Security Blog
The GitHub Blog
The GitHub Blog
I
InfoQ
Stack Overflow Blog
Stack Overflow Blog
云风的 BLOG
云风的 BLOG
Engineering at Meta
Engineering at Meta
MongoDB | Blog
MongoDB | Blog
月光博客
月光博客
T
Tailwind CSS Blog
M
MIT News - Artificial intelligence
Blog — PlanetScale
Blog — PlanetScale
Google DeepMind News
Google DeepMind News
腾讯CDC
罗磊的独立博客
U
Unit 42
爱范儿
爱范儿
Vercel News
Vercel News
MyScale Blog
MyScale Blog

博客园 - JoeYoung

nvm-windows 实现 Node 多版本管理 收官大吉,来年可期 本地部署 DeepSeek+VS Code,搭建本地大模型 电脑安装 Win10 提示无法在当前分区上安装Windows的解决办法 Ollama可以不装在C盘,安装时选择路径 Swiper 自动无缝匀速滚动 Swiper 实现奇葩需求案例 Vue+ElementUI 导出为PDF文件 table 中设置宽度被td或th里的内容撑开超出 在页面离开前提醒你的 beforeunload 事件 npm安装依赖包的多种镜像及方法 通栏中不定数量的图片/轮播自适应宽高的简单示例 微信小程序 input 不能输入特殊字符的方法 CSS的逻辑组合伪类 CSS结构伪类选择器之否定伪类:not() jQuery 指定区域的内容循环滚动 微信小程序 scroll-view 组件的 bindscroll 不触发不生效 scroll-view 组件里的 scroll-into-view 属性实例 微信小程序 授权登录时不得默认强制用户同意隐私政策协议
微信小程序 input中输入内容后还提示请输入的解决办法
JoeYoung · 2024-04-18 · via 博客园 - JoeYoung

在微信小程序开发中遇到个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>