vue如何根据返回的值对元素进行样式渲染
2024-08-28 10:11:48
1、最终显示样式:
需要:根据任务状态值,显示不同颜色的原点表示任务状态,以及对优先级的数据,进行☆标记
2、代码实现:
在<el-table-column>中需要显示的内容前面,添加图标元素,并添加对应的class样式。
其中,addclassStatus以及addclassPriority两个方法是自己定义的计算,根据属性值计算class样式的方法
3、在vue中的 export default 中的methods中进addclassStatus以及addclassPriority方法的计算和赋值
4、在css文件中定义css样式
最新文章
- C# Session添加、删除封装类
- xtrabackup_binlog_pos_innodb 和 xtrabackup_binlog_info
- GDI+技术
- centos网卡错误Device eth0 does not seem to be present
- HDU 4750
- ReactNative学习-滑动查看图片第三方组件react-native-swiper
- [改善Java代码]提防包装类型的null值
- STL学习系列二:Vector容器
- JS链接页面
- UVA 6199 不定根最小树形图
- 整不明白Jquery的问题
- bzoj3064 Tyvj 1518 CPU监控
- 翻译:Identifier Name标识符命名规则
- istio收集Metrics和日志信息
- Restframe_work 回顾记忆集
- quick pdf library控件
- MetaMask/json-rpc-middleware-stream
- CentOS 6.5 rsync+inotify实现数据实时同步备份
- 如何在Framework中读取bundle中的Res
- Resharper插件安装和破解