专注前端行业精选
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 小程序中 时间戳转日期格式（年月日时分秒）封装使用
取消回复欢迎 你 发表评论:
- 最新评论
-
夸克Radio 评论于：09-02
访客 评论于：08-11
访客 评论于：08-05
访客 评论于：08-05
访客 评论于：08-05鹏仔先生 评论于：07-23
null 评论于：07-21
- 访客 评论于：07-10
- 访客 评论于：06-16
访客 评论于：06-16
- 随机tag
暂无评论，来添加一个吧。