wx：if 与hidden

今天工作的时候遇到这么一个问题

我做的这个项目有两套方案一套是商城的，就是老大自己的另一套是加盟店小弟们的

其中有个saleStatus来判断有没有货

商城是不可能没货的（ps：只是理论上，所以传给了null值）

在小弟们的店里给了两个状态 0 100

0：商家没货

100：商家还有存货

一开始的判断条件

wx：if ={{saleStatus && saleStatus ！==100}} 这样一看

saleStatus存在并且不等于100 显示下面的条件但是不生效

问题来了。。。。

经过试验微信小程序的wx：if的条件渲染中的变量值如果为零的效果等同于 null 也就是不存在

所以这里用 hidden 比较合适

hidden =“{{saleStatus == 0 ？false：true}}”

就可以解决了

总之注意 wx：if条件渲染里的变量为零的问题挺坑爹的

转载于:https://www.cnblogs.com/zx-qd/p/10881755.html

wx：if 与hidden相关推荐

列表渲染 wx:key 的作用、条件渲染 wx:if 与 hidden 的区别
这是微信小程序踩坑系列的第三篇,想要了解更多关于微信小程序开发的那些事,欢迎关注我的<微信小程序>专栏. 前言开发微信小程序离不开"页面渲染",对于初学者来说很难理解 ...
转载：【微信小程序】 wx:if 与 hidden(隐藏元素)区别
条件渲染顾名思义所谓的条件渲染,就是通过条件来判断是否需要渲染该代码块.条件渲染主要是用到wx:if 和 block wx:if 这两个,第一个相信好理解,第二个是在block里面进行条件渲染,这里 ...
【微信小程序】wx:if与hidden的区别
wx:if 与 hidden 都用来控制小程序元素的显示 wx:if 1.条件为 true 时显示 2.当元素显示时渲染 3.元素变为不显示时销毁元素 hidden 1.条件为 false 时显示 2 ...
小程序wx:if和hidden
wx:if和hidden data: {isShow:false,//定义控制显示隐藏的变量},<view wx:if="{{isShow}}">wx:if</v ...
微信小程序wx:if与hidden区别
wx:if之中的模板也可能包含数据绑定,所以当wx:if的条件值切换时,框架有一个局部渲染的过程,因为它会确保条件块在切换时销毁或重新渲染. 同时wx:if也是惰性的,如果在初始渲染条件为false, ...
微信小程序 — wx:for和wx:if
1.wx:for 在组件上使用 wx:for 控制属性绑定一个数组,即可使用数组中各项的数据重复渲染该组件.默认数组的当前项的下标变量名默认为 index,数组当前项的变量名默认为 item 例子: ...
小程序的wx:if和wx:for的学习使用
1.wx:if(条件渲染) (1)wx:if="{condition}" 来判断是否需要渲染该代码块. (2) block wx:if 因为wx:if是一个控制属性,需要将它添加到 ...
微信小程序hidden不生效原因及解决方法
下面代码不生效: <template><view hidden="false" class="noObj">本月暂无制定目标计划< ...
02 小程序入门实战
技术交流QQ群:1027579432,欢迎你的加入! 欢迎关注我的微信公众号:CurryCoder的程序人生 1.创建项目和目录文件结构小程序包含一个描述整体程序的app和多个描述各自页面的page ...
微信小程序一些知识点
转载自:https://www.jianshu.com/p/f8f85757e90d 配置文件.json: 小程序的全局配置app.json和页面配置page.json 每单页页面也有相应的.json ...

wx：if 与hidden

wx：if 与hidden相关推荐

最新文章

热门文章