您现在的位置是：网站首页> 编程资料编程资料
vue三元运算之多重条件判断方式(多个枚举值转译)_vue.js_
2023-05-24
418人已围观
简介 vue三元运算之多重条件判断方式(多个枚举值转译)_vue.js_
vue多重条件判断(多个枚举值转译)
直接上代码：
div class="msgLi">组织设置:
{{ organInfo.partySetup=="1"?"撤销":organInfo.partySetup=="2"?"调整":organInfo.partySetup=="3"?"更名":organInfo.partySetup }}
vue标签中使用三元运算符
- 如果 status为1，样式为redRoom
- 如果 status为2，样式为greenRoom1
- 如果 status为其他，样式为greenRoom2
:class="{'redRoom': Number(items.status) === 1, 'greenRoom1': Number(items.status) === 2, greenRoom2: Number(items.status) > 2}"以上为个人经验，希望能给大家一个参考，也希望大家多多支持。
相关内容
- 详解JavaScript (!!) 中的双感叹号是干什么用的_javascript技巧_
- React 组件性能最佳优化实践分享_React_
- react使用websocket实时通信方式_React_
- vue如何设置动态的栅格占位、水平偏移量、类名、样式_vue.js_
- js 如何删除对象里的某个属性_javascript技巧_
- Vue mock.js模拟数据实现首页导航与左侧菜单功能_vue.js_
- Nodejs excel(.xlsx) 文件的读写方式_node.js_
- typescript中声明合并介绍_javascript技巧_
- 小程序展示弹窗常见API实例详解_javascript技巧_
- 使用react-native-image-viewer实现大图预览_React_
