微信小程序> 小程序三元参数判断

小程序三元参数判断

浏览量:2343 时间: 来源:百味苦

记录一下新手容易弄混的 多次三元比较

其实就是 if else 的简写,true 就是 ←     false 就是 →

例子:

css

.cr{  color: red;}.cb{  color: blue;}.cy{  color: yellow;}

html:

<view class='{{ c1 ? "cr":"cb"}}'>  c1有值 </view><view class='{{ c1 == 1 ? "cr":"cb"}}'>   c1==1</view><view class='{{ !c1 ? "cr":"cb"}}'>   没有c1</view><view class='{{c1 !=1 ? "cr":"cb"}}'>   c1 != 1</view><view class='{{c1 ==1 ? c2 == 2 ?  "cy":"cb" : "cr"}}'>   c2==2 就是cy 否则就是cb  如果c1 == 1 得到的就是 之前比较的cy 否则就是cr  </view><view class='{{c1 ? c2 != 2 ?  "cy":"cb" : "cr"}}'>   c1 有值  && c2 != 2 结果cb</view><view class='{{c1 ? c2 ?  "cy":"cb" : "cr"}}'>   c1 和c2 都有值 结果是 cy</view><view class='{{!c1 ?  "cy": c2 ? "cr":"cb"}}'>   c1没有值 然后比较 c2 是否存在 结果cr</view>
data: {    c1: 1,    c2: 2,  },

 

只要知道 一个怎么运算,其他基本都一样,万变不离其宗。

自己可以测试一下。

图片:

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎