三元表达式(补充)

一、三元表达式(补充)

三元表达式的使用是简写if-else结构

语法:

```javascript

表达式1 ? 表达式2 : 表达式3

// 如果表达式1 成立, 那么就执行表达式2

// 如果表达式1 不成立, 那么就执行表达式3

//例如: 求二个数字中谁更大

var a = 10; var b = 20;

var max = a > b ? a : b;

console.log(max);

```

总结:

if结构,多用于判断区间、不定值判断

switch-case 只能用于定值判断

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在Vue中,可以使用:class指令来动态地添加或移除HTML元素的class。:class指令可以与三元表达式结合使用,以根据条件来动态设置不同的class。有两种常见的方式来使用:class三元表达式。 第一种方式是在固定类名和动态类名的三元表达式之间加一个空格字符串,代码示例如下: :class="'固定类名' + ' ' + (动态类名的三元表达式)" 第二种方式是在固定类名的后面加一个空格,代码示例如下: :class="'固定类名 ' + (动态类名的三元表达式)" 需要注意的是,在使用:class指令时,冒号要放在class前面;同时,引号的使用要遵循外双里单或外单里双的原则,比如外面使用双引号,里面的字符串就要使用单引号。 举个例子来说明:class三元表达式的用法。假设有一个HTML元素,其中有一个固定的class名为"role",还有一个动态的class名为"selectedRole",我们可以使用三元表达式来判断是否显示该动态class名,代码示例如下: :class="'role ' + (selectedRole ? 'selectedRole' : '')" 在以上代码中,如果selectedRole为true,则会添加"selectedRole"这个class名;如果selectedRole为false,则不会添加该class名。 总结起来,class三元表达式的使用方法是在:class指令中,通过在固定类名和动态类名的三元表达式之间加空格字符串或在固定类名的后面加空格来实现动态设置class。同时要注意冒号的位置和引号的使用规则。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值