记录一下新手容易弄混的 多次三元比较
其实就是 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, },
只要知道 一个怎么运算,其他基本都一样,万变不离其宗。
自己可以测试一下。
图片: