uniapp打包成微信小程序后input值为空时显示true问题

最新推荐文章于 2024-04-29 17:32:24 发布
最新推荐文章于 2024-04-29 17:32:24 发布
阅读量1.7k 收藏 4
点赞数 5
分类专栏： 前端 vue学习 uniapp 文章标签： 微信小程序 小程序 uni-app vue 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38832375/article/details/122034612
版权
vue学习 同时被 3 个专栏收录
10 篇文章 0 订阅
订阅专栏
前端
6 篇文章 0 订阅
订阅专栏
uniapp
1 篇文章 0 订阅
订阅专栏

问题描述：当属性的值是null或者是空字符串的时候，input的值显示true，但打包成H5和其他平台都没问题

网上找了很多博文，对于描述这个问题的非常少

后来一度怀疑这是个bug

正百思不得其解的时候，我把打包后的代码格式化了一看，来对比一下

uniapp代码： 

微信小程序代码：

看到了嘛！！！

就是因为  placeholder=""

在小程序里placeholder的值是true，所以为空就显示true

就这么神奇！······················································

Gavino.
关注
  • 5
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 8
    评论
专栏目录
uniapp 微信小程序tabbar凸起的显示
08-25
在开发微信小程序时，UI设计和用户体验是至关重要的部分，特别是在构建导航栏（tabbar）时。`uniapp`是一个跨平台的开发框架，它允许开发者使用一套代码库来构建多端应用，包括微信小程序。在`uniapp`中处理微信小...
uniappDome:uniapp打包成微信小程序，QQ小程序，字节跳动小程序
03-20
uniappDome:uniapp打包成微信小程序，QQ小程序，字节跳动小程序
【uni-app 如果{{data}}里的数据为空，则显示标签里另一个默认数据】
TChildeSeven的博客
07-29 1892
uni-app 如果标签里拿到的数据{{data}}为空，则显示标签里另一个默认数据 1.标签里拿数据不需要引号，但如果是字符串就需要引号‘’ <template> <view> <text>{{dd.year|| '2020/08'}} </text> </view> </template> 2.初始化后台数据 <script> export default { data() { return
uniapp-vue3-wechat：基于uniapp+vue3仿微信app聊天实例(H5+小程序+App端)
码农ICoding
04-29 1450
原创重磅新作uniapp-vue3-wechat聊天，基于最新跨端技术uni-app+vue3+pinia2+vite4+uv-ui构建多端仿微信app实例。支持编译到H5+小程序端+App端。
关于微信小程序父向子组件传值
Amoa123的博客
09-12 3907
//index.js //获取应用实例 const app = getApp() Page({ data: { myvalue:"", code:"", uuid:"" } , input(e) { var value = e.detail.value;//input的value this.setData({ myvalue: ...
uniapp提交时候验证内容是否为空
元旦是个嘤嘤怪的博客
03-10 5762
效果图 废话不多说，贴代码 html: <u-button @click="submit">提交</u-button> script ==> methods: submit(){ if( this.inputTextarea == '' || this.mobile == '' || this.form.username == '') {//内容按自己实际的内容填写 this.$u.toast('信息填写不全');//使用uview的组件 retur
UniApp 输入框防止输入空格
一只奋斗的猪
10-07 9016
UniApp 的 input 标签虽然提供了@input事件，但是仅仅是小程序能使用，所以在这里使用了原生的 onkeypress 事件来避免空格的输入。 解决方法： <input class="uni-input" onkeypress="javascript:if(event.keyCode == 32)event.returnValue = false;" v-model="password" type="text" name="password" :password="
基于uniapp设计的微信小程序源码.zip
05-27
这里我们关注的是uniapp在微信小程序上的应用，这意味着源码是专门为微信小程序环境优化的。 【描述】: "基于uniapp设计的微信小程序源码.zip" 描述中再次强调了这是基于uniapp的微信小程序源代码。"zip"文件格式...
uniapp h5 和微信小程序 前端空白项目 demo
最新发布
04-29
在当今移动互联网时代，前端开发工具和技术不断迭代，uniapp和微信小程序作为其中的热门选择，为开发者提供了便捷的跨平台开发能力。本项目以“uniapp h5 和微信小程序 前端空白项目 demo”为基础，旨在帮助开发者...
uniapp转微信小程序mqtt可用完整代码示例-解决整机调试网络不通问题
04-26
标题中的“uniapp转微信小程序mqtt可用完整代码示例”表明这是一个关于使用uniapp框架将应用转换为微信小程序，并且实现了MQTT（Message Queuing Telemetry Transport）通信功能的项目。MQTT是一种轻量级的发布/订阅...
uniapp 父子组件传值 -- 跳转传递参数 -- 解决传参报错
H524268015wsw的博客
08-07 3499
同时要把子组件的名称标签放在视图中，传值会用到，例如我这里子组件就叫son，所以要在父组件视图中写上标签，子组件的操作即使props接收，再用插值语法 {{}} 显示在视图上。想象一下，父子组件传值，就类似于父亲给儿子东西，父亲给儿子的东西要有名字吧，名字就是属性，父亲给儿子东西，儿子要用手接过来，那手就相当于子组件里的props。子组件：因为传递的是一个对象，所以type的属性值应该是一个Object，默认值default是一个{}，不写default的值也不会有影响。...
记录问题：uniapp小程序input输入框输入数据没变，的解决办法
weixin_42120767的博客
11-01 2625
如上图，在输入框输入新的值时，查看小程序控制台的数据，发现数据并没有变成输入框的数据， 刚开始数据是从接口直接拿的，同时储存了整个数据，如下： then(res => { this.info = res this.list = res.list }); 然后拿list去遍历渲染，修改input框的值发现数据没变（视图是变的！），后面查到原因是因为数据指向太深导致的，将需要遍历的数据用深拷贝即可，修改上面如下 then(res => { this.inf...
【uniapp】小程序input绑定@input事件，华为手机获取不到value值
kikikiuu的博客
01-26 2239
uniapp input 绑定@input事件，华为手机获取不到value值 <input type="text" @input="name" placeholder="请输入姓名"/> 修改为： <input type="text" @blur="name" placeholder="请输入姓名"/> 但是因为我的这个是组件来的，后期用华为手机进行测试，出现 Do not have handler in current page的报错，不过现在小程序上了体验版之后.
小程序判断input是否为空_Android，iOS，H5,阿里小程序可运行，跨平台技术条件判断
weixin_39952502的博客
11-30 543
什么是条件判断是指某一个元素，或者说某一块元素，是否要渲染。我们可以来看一个例子，看看uni-app当中条件判断跟其他平台的条件判断是否一样。uni-app当中要做条件判断用到一个指令v-if，这个指令用于条件形式来渲染一块内容，这块内容会再指令表达式返回true的时候才显示出来。接下来我们看看例子吧下面的代码使用了v-if指令来显示一个hello uni-app数据，只有当v-if返回true才...
isNaN()部分总结
qq_23082751的博客
07-28 918
isNaN(x),如果 x 是特殊的非数字值 NaN（或者能被转换为这样的值），返回的值就是 true。如果 x 是其他值,则返回 false。 isNaN() 函数可用于判断其参数是否是 NaN，该值表示一个非法的数字（比如被 0 除后得到的结果）。 如果把 NaN 与任何值（包括其自身）相比得到的结果均是 false，所以要判断某个值是否是 NaN，不能使用 == 或 === 运算符。正因为如...
小程序 js判断是否为空
小屁孩大帅-保密的博客
05-08 1445
/判断字符是否为空的方法。//判断字符是否为空的方法。小程序 js判断是否为空。
小程序表单校验uni-forms正确使用方式及避坑指南
热门推荐
iamlujingtao的博客
05-13 1万+
解决小程序上使用uni-forms表单验证的问题，实现即时校验、自定义校验规则、异步校验，满足绝大部分表单校验！
js null undefined 真的等于false吗
偏执
07-25 554
如果你用null来判断null == false 以及 null == true，你会发现返回的结果都是false，这个结果是不是让你觉得很奇怪。如果用他们两者作为判断条件的话，在判断条件中他们可以当做false来作为if语句的判断涉及到if判断语句的值最终都会转换为Boolean值做判断下面六种情况都会被转换为false。
uniapp编译到微信小程序运行，页面显示空白，这是什么问题引起的
07-12
可能有几个原因导致Uniapp编译到微信小程序后页面显示空白： 1. 代码错误：请检查代码中是否存在语法错误、逻辑错误或者引用错误。特别是在引入组件或者使用API的地方，可能会出现一些兼容性问题。 2. 路径问题：请确保页面及组件的路径是正确的。在Uniapp中，路径是相对于项目根目录的，而在微信小程序中，路径是相对于当前页面或组件的。 3. 权限问题：微信小程序对一些敏感的操作有限制，比如跨域请求、本地存储等。请确保你的代码中没有使用被禁止的操作。 4. 缺少必要文件：请确认是否缺少一些必要的文件，比如app.json、pages.json等。这些文件在Uniapp编译到微信小程序时是必须的。 如果以上方法都无法解决问题，建议你使用开发工具进行调试，查看控制台输出的错误信息，或者参考Uniapp和微信小程序的官方文档，寻找解决方案。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 8
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Gavino.

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值