vue3项目:css根据元素内容显示字体颜色

289 阅读1分钟

在vue3项目中,表格合计数据需要根据数据正负显示不同的字体颜色,当用el-table自带的合计参数配置实现合计时,发现并不能添加class来实现不同数据展示不同字体颜色。突然想到vue3动态style,就用动态style实现,效果及代码如下:

1.png

2.png

3.png

4.png

注意: style的动态样式必须写在作用域样式内即:style为scoped下才能生效

参考资料: vue3 css相关知识与动态style