专注前端行业精选
js中三目运算的使用 三目运算符如何判断多个条件
作者:鹏仔先生日期:2020-06-03浏览:499分类:JavaScript
在我们平时编码中经常使用到三目运算符,也是比较好用的
语法
key == 1 ? 值一 : 值二
也就是说,当key和1对比成立时候,为值一,否则为值二
去年做项目时,用户信息区域显示多个星星级别,就用了三目运算符来做的,不过需要多次判断,有的人就比较好奇了,三目运算符如何多次判断???
虽然没啥技术含量,但是可能还是有很多人不知道,因为有几次聊天中发现我身边几个程序员朋友都不知道
语法如下
<span>{{key == 1 ? ‘我爱你’: key == 2 ? '我喜欢你' : key == 3 ? '我恨你' : '我讨厌你'}}</span>
就随便举个列子
“key”是后台传过来的参数,对比,如果是 1 显示 “我爱你”,是 2 显示“我喜欢你”,是 3 显示“我恨你”,否则“我讨厌你”
手机扫码访问
猜你还喜欢
- 03-05 js将数字金额用符号间隔 vue中使用逗号间隔数字金额
- 02-25 JS判断某个时间戳是否为当天时间
- 02-19 网页禁止返回 H5禁止物理返回 vue禁止返回
- 02-07 vue使用viewerjs实现图片点击放大
- 02-05 vue实现点击刷新页面 H5实现刷新页面
- 02-04 H5移动端项目实现手写签名功能 vue实现手写签名
- 02-04 vue移动端使用Vconsole Vconsole使用
- 02-04 vue中如何点击返回上一页,vue判断没有上页返回首页
- 01-13 苹果手机new Date()时候的坑 ios new Date时为NAN
- 12-31 base64转file文件格式 vue中将base64转file文件格式
- 12-31 原生js将数字金额转汉字金额 vue中数字金额转汉字金额
- 11-25 小程序中 时间戳转日期格式(年月日时分秒)封装使用
暂无评论,来添加一个吧。