专注前端行业精选
js中三目运算的使用 三目运算符如何判断多个条件
作者:鹏仔先生日期:2020-06-03 12:03:05浏览:2201分类:JavaScript
在我们平时编码中经常使用到三目运算符,也是比较好用的
语法
key == 1 ? 值一 : 值二
也就是说,当key和1对比成立时候,为值一,否则为值二
去年做项目时,用户信息区域显示多个星星级别,就用了三目运算符来做的,不过需要多次判断,有的人就比较好奇了,三目运算符如何多次判断???
虽然没啥技术含量,但是可能还是有很多人不知道,因为有几次聊天中发现我身边几个程序员朋友都不知道
语法如下
<span>{{key == 1 ? ‘我爱你’: key == 2 ? '我喜欢你' : key == 3 ? '我恨你' : '我讨厌你'}}</span>
就随便举个列子
“key”是后台传过来的参数,对比,如果是 1 显示 “我爱你”,是 2 显示“我喜欢你”,是 3 显示“我恨你”,否则“我讨厌你”
猜你还喜欢
- 09-14 nvm常用命令有哪些?nvm如何切换node版本?nvm如何下载node?
- 08-19 使用HBuilderX将vue或H5项目打包app
- 07-15 小程序嵌入网页向小程序跳转并传参,微信小程序中实现公众号授权获取openId
- 07-13 vue中实现文件批量打包压缩下载(以及下载跨域问题分析)
- 07-08 uniapp调用地图,进行位置查询,标记定位
- 11-05 js截取字符串前几位或者截取字符串后几位
- 10-25 js替换字符串某个字符,js修改字符串中指定字符
- 10-20 uniapp中text-indent不起作用,uniapp首行缩进不管用如何解决?
- 09-26 vue给单独组建的body添加类名
- 08-12 elemtnui 表格如何修改某行文字颜色
- 08-03 vue中调用百度地图 获取经纬度
- 07-09 uniapp小程序实现录音 uniapp小程序长按录音 点击播放等功能(CSS实现语音音阶动画效果)
取消回复欢迎 你 发表评论:
- 搜索
- 随机tag
暂无评论,来添加一个吧。