vue根据表格字段不同的状态显示不同的颜色。

业务需求：根据后台返回的数据，对表格中的严重等级和问题状态做一下颜色区分。数据很大，大概一年左右的数据，在二级弹窗中，数据滚动的形式。

大家好，我是孙叫兽

不加状态前：

我这个使用vue+div循环的实现，很便捷，使用element ui也是可以的。

然后再computed：{}中添加如下代码。返回的字段是后台返回对应的字段，不要搞错了。

 activation() {              return (severity) => { // 使用

vue根据表格字段不同的状态显示不同的颜色。相关推荐

Vue 学习——表格列表数据显示百分号%、显示数字改为自定义内容、数据表头下拉、点击筛选数据
目录 Vue 格式formatter 1.Vue表格列表数据显示百分号% 2.Vue显示数字改为自定义内容 Vue element-ui 数据表头下拉,点击筛选数据 Vue 格式formatter 初 ...
在使用Repeater、DataList 或 DataGrid 的模板列表时,根据不同状态,显示不同颜色
我们经常使用用于类似 Repeater.DataList 或 DataGrid 的模板列表,有时候需要根据不同状态,显示不同字帖颜色,以提示用户. 例如:在datagrid中,紧急显示红色,一般显示黑 ...
VUE动态展示表格字段
前言最近叼毛产品让写个需求,动态展示表格字段,要求动态根据用户习惯保存,下次进页面展示以前的,还能再次选择. 思考让用户选择展示那些字段保存db 进页面先查询db 然后根据table 字段属性过 ...
VUE,数字状态转换为中文、根据不同状态显示不同颜色、element icon的自定义颜色
VUE,数字状态转换为中文.根据不同状态显示不同颜色.element icon的自定义颜色在页面根据数字显示中文状态.根据不同状态显示不同颜色 element 的icon是否可以改变颜色.大小? 在 ...
Vue动态控制表格列的显示隐藏
效果如上图所示,点击table右上方的表格按钮,弹出菜单栏,进行勾选,从而达到表格对应列显示和隐藏 1.HTML部分(ant design) <div class="right-bt ...
vue table表格时间字段分两行（ parseTime-格式化时间）
vue table表格时间字段分两行( parseTime-格式化时间) 后台获取的时间字段 createTime: "2021-11-02 16:37:50" 在表格中将日期与 ...
vue element表格某一列内容过多，超出省略号显示
vue element表格某一列内容过多,超出省略号显示 iview表格某一列内容过多,超出省略号显示
oracle 数据库字段html显示正常text显示不全,layui表格字段表格显示不全（自适应）...
本文将为您描述layui表格字段表格显示不全(自适应),具体操作方法: 好记性不如烂笔头.本来就是没什么好记得东西,下次再用时已经想不起来了. 问题如下
设置Layui表格字段的字体颜色
设置Layui表格字段的字体颜色开发工具与关键技术:VS MVC 作者:木林森撰写时间:2019年 7 月 26 日我们在使用layui表格对的时候,经常会有特殊字段需要显示出来,比如金额.状态 ...

vue根据表格字段不同的状态显示不同的颜色。

vue根据表格字段不同的状态显示不同的颜色。相关推荐

最新文章

热门文章