【Vue】根据数值的大小实现控制不同类的展示的简单实现

75 阅读1分钟

问题描述:

在项目开发中经常要遇到不同数值来控制不同类的展示,本次我们要实现的效果如下,根据余号的多少来控制余号的背景展示,一般可以采用:class标签来实现

实现方法:只需在:Class标签里写一个简单的三元表达式如下

image.png

类如下:

image.png

最终实现效果,根据数值num的不同,动态实现余号显示的颜色不同:

image.png

代码: