小程序三元参数判断

谁践踏了优雅 2022-05-10 05:20 148阅读 0赞

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

其实就是 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,
      },

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

自己可以测试一下。

图片：![70][]

[70]: /images/20220510/cba911bde6e44184ad5dd4cf13a5aada.png

发表评论取消回复

表情：

评论列表（有 0 条评论，148人围观）

还没有评论，来说两句吧...

相关阅读

相关三元表达式多个判断条件

这是判断多个条件的写法 > 示例：0 已创建 1 审核中 2 审核通过 3 审核驳回 > a == 0 ? ‘已创建’ : (a == 1 ? ‘审核中’ : (a =

爱被打了一巴掌/ 2022年12月03日 09:58/ 0 赞/ 226 阅读

相关微信小程序中使用三元运算符

> wxml <van-cell-group> <van-cell title="昵称" value="{ {userInfo.nickName}}"

红太狼/ 2022年11月07日 05:27/ 0 赞/ 249 阅读

相关微信小程序参数判断

记录一下有点绕的参数语法。 < view class= "h\_recommend" wx:for= "\{ \{adlist\}\}" data-id= "\{ \{it

朴灿烈づ我的快乐病毒、/ 2022年05月23日 01:14/ 0 赞/ 217 阅读

相关 Java小程序-判断闰年

闰年：被4整除而不能被100整除，或者可以被400整除 public class LeapYear { public static void main(St

àì夳堔傛蜴生んèń/ 2022年05月21日 08:00/ 0 赞/ 153 阅读

相关小程序判断滑动方向

WXML: <view id="id" bindtouchstart="handletouchtart" bindtouchmove="handletouchm

偏执的太偏执、/ 2022年05月11日 07:40/ 0 赞/ 243 阅读

相关小程序三元参数判断

记录一下新手容易弄混的多次三元比较其实就是 if else 的简写，true 就是 ← false 就是 → 例子： css .cr{

谁践踏了优雅/ 2022年05月10日 05:20/ 0 赞/ 148 阅读

相关小程序class参数

写了一个关于排序第一至第三不同颜色的demo 很简单，万变不离其宗。随便改改就可以用了 .tp2-main{ width: 100%;

刺骨的言语ヽ痛彻心扉/ 2022年05月09日 16:36/ 0 赞/ 137 阅读

相关题5——三元判断

/ 题目5：利用条件运算符的嵌套来完成此题：学习成绩=90分的同学用A表示，60-89分之间的用B表示，60分以下的用C表示。 1.程序分析

ゝ一世哀愁。/ 2022年02月18日 15:59/ 0 赞/ 142 阅读

相关三元判断运算符

三元运算符: txbMarketPrice.Text.Trim().Length == 0?0:Convert.ToDouble(txbMarketPrice.Text);

亦凉/ 2021年12月05日 02:39/ 0 赞/ 340 阅读

相关 vue三元表达式多个判断

<p>{ {scope.row.type==0?'充值' : scope.row.type==1?'退款': scope.row.type==2?'消费'

﹏ヽ暗。殇╰゛Y/ 2021年07月24日 16:11/ 0 赞/ 916 阅读