vue2.0 根据状态值进行样式的改变展示方法

前端之家收集整理的这篇文章主要介绍了vue2.0 根据状态值进行样式的改变展示方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

用户在进行流程操作的时候,一般分为进行中,未开始,已完成,前端页面就要进行相应的状态区分展示。这里测试的是背景颜色区分。

demo:

显示状态

在循环遍历中进行对status赋值,就可以实现不同状态下,显示不同的背景色。

以上这篇vue2.0 根据状态值进行样式的改变展示方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。

猜你在找的Vue相关文章