微信小程序之三元操作符

微信小程序的api里面自带条件判断wx:if，基本能够满足我们的日常使用需求了，但有时候会发现比较繁琐，那么如果用三元操作符来写的话，相对来说会简洁很多，比如我要通过status状态来判断显示什么内容，那么如果用wx:if来写的话，代码如下：

<view wx:if="{{status==1}}">微信小程序</view>
<view wx:if="{{status==2}}">支付宝小程序</view>

js里面赋予status的值，那么当status等于1的是偶就显示微信小程序了，当status等于0的时候显示支付宝小程序，需要两段代码，那么如果使用三元操作符来操作的话就相对简单很多，如下：

<view >{{status==1?"微信小程序":"支付宝小程序"}}</view>

这段代码意思是，当status1的时候显示微信小程序，当status不等于1的时候显示支付宝小程序，其中status1是判断条件，当status等于1是成立的时候，就会显示微信小程序，可以这么理解：

<view >{{status==1?"微信小程序（true）":"支付宝小程序（false）"}}</view>

其实就是一个布尔值的操作

微信小程序之三元操作符相关推荐

微信小程序使用三元运算符动态渲染布局
今天在写微信小程序时,被坑到了, <!--.wxml-> <view class="row-in {{to_top ? 'to-top' : 'to-bottom'}}&q ...
三元运算微信小程序_微信小程序使用三元运算符代替wx:if
以地址列表中,默认地址是否选择为例. 先来看下wx:if的写法默认地址从上面的代码可以看出,标签要重复写2次,包括class样式等属性,设定某个地址为默认地址时将会有绑定事件bindtap等,还会 ...
微信小程序使用三元运算符
样式的三元运算符的展示针对wxml中的style的三元运算符  <view class="swmc" style ...
微信小程序：三元表达式设置样式
<view class="{{index == 0 ? 'getFocus' : 'lostFocus'}}" style="color:{{ newNoite ...
原生微信小程序使用class 三元运算符实现多选案例
原生微信小程序使用class 三元运算符实现多选案例如下图所示: 1,在vue中开发非常容易实现,使用数组的includes方法判断即可,但是在原生小程序中不可以 2,要及时的对定义的遍历进行set ...
微信小程序中动态添加删除class类名使用三元表达式动态设置标签的class名
目的,在微信小程序的swiper中达到除了active的哪一项外的其他项都有一个半透明的白色浮层. 效果图如下: 功能实现: 我们使用三元表达式即可实现动态设置标签中的class属性如下: < ...
微信小程序三元预算_保持计算机软件和硬件在预算之内的程序员指南
微信小程序三元预算免费和开源软件,技能和过时的设备只能带您走远. 在某个时候,每个值得花钱的程序员都必须花一些钱来购买必要的计算机软件和硬件. 但是,为满足编程和开发需求而购买合适的工具并不等于花钱 ...
个人微信小程序云开发总结心得
文章之前: 先附上通过微信小程序云开发做出的两个小程序,有兴趣的朋友可以微信扫码进去看看,欢迎登录学习 . 框架采用移动端常用UI: Vant 微信云开发官方文档:微信开发文档相关的npm包导入方法 ...
微信小程序教程 [第五篇]脚本语言（WXS）
这是微信小程序近期引入的一个概念,我们可以在开发者工具中直接以独立文件的形式建立它们. 当然你也可以使用wxs标签直接在wxml文件中使用. 两种访问均可以. 使用场景:比如我们可以在视图里直接纳入简 ...

微信小程序之三元操作符

微信小程序之三元操作符相关推荐

最新文章

热门文章