知识分类
后端
前端
设计
开源组件/产品
APP
其他
广告招募

Vue class动态绑定样式,多分支判断绑定或类似Switch判断该如何使用

管理员
发布于:2023-09-09 21:49:07

举个例子:如果Vue的class样式是根据状态status来绑定的,这个状态有很多种情况,比如 status=0时为一个样式,status=1时为一个样式,status=-1时是一个样式,那么这种情况应该怎么判断绑定呢?

下面直接给出代码,清晰易懂

:class="{'YY-bg-grey':item.status===0,'YY-bg-primary':item.status==1,'YY-bg-red':item.status==-1}

上一篇:uniapp uni-number-box change事件如何传入自定义参数
下一篇:3步教你如何修改uniapp button组件颜色?
搜索内容
最新文章
  • GIT客户端工具有哪些?
  • Git代码提交规范
  • 在前后端分离的时代,为什么还有人喜欢
  • 微信小程序开发有哪些框架
  • 目前流行的前端框架
  • VUE3语法糖介绍
  • 非可框架,懒人接口生成器应用发布,让
  • 爬虫监控就像给网站装心跳监测仪,非可
  • 非可框架,Google Authen
  • 连接WIFI出现无Internet
精彩文章
  • 1 MSYS2中安装使用GCC的正确方法
  • 2 JavaScript 判断对象是否为
  • 3 什么是PHP站群以及使用php开源框
  • 4 连接WIFI出现无Internet
  • 5 Layui 怎么样更换主题颜色?
  • 6 vscode用一个插件快速生成Vue
  • 7 FrameCoder非可,基于web
  • 8 小程序真机调试 报错 define
  • 9 常见主板开机进入bios热键,一张图
  • 10 免费AI SEO工具,SEO的AI生
工信部备案:苏ICP备2023011827号-1
苏公网安备 32111202000338号