elementui表格数据过滤

说一下应用场景：后端返回数据中有0,1，2等指代状态的数据。我需要在表格中呈现出实际的状态文字。比如0.开启1.关闭等。

                  <el-table-column property="courseType" label="课程类型" :formatter="formatype"></el-table-column><el-table-column  label="课程时间" width="200"><template slot-scope="scope">{{scope.row.courseStart}} 至 {{scope.row.courseEnd}}</template></el-table-column>

这里写到了两种情况
1，是我开头说的场景，后端给我0,1，2等数据，我需要进行转换，
2，是我需要整合后端传给我的时间点。用scope得到。

解决1的方法：

  formatype:function (row, column, cellValue) {if (cellValue === "1"){return '理论';}else if (cellValue === "2"){return '社科';}else if(cellValue === "3"){return '外语'}},

解决的方法不只有一种~~
还有就是用过滤器 filters

         <el-table-column  label="课程类型" width="200"><template slot-scope="scope">{{scope.row.courseType  | formatType}} </template></el-table-column>

filters:{formatType(val){return val == 0 ?'理论' :val == 1 ? '社科' :'外语'}
}

elementui表格数据过滤相关推荐

ElementUI表格数据批量选中操作
ElementUI表格数据批量选中操作最近做项目时碰到个需求,要对表格中的数据批量处理,花了点时间最终解决了这个问题 elementui表格中封装了多选框,在el-column中选择type为sel ...
vue elementui表格数据
先来看一下效果: 使用template的插槽实现数据提醒关键部分: <template slot-scope="scope">{{ scope.row.student ...
element-ui表格数据样式及格式化
<el-table :data="recordLists" stripe style="width: 100%"><el-table-colu ...
Vue+element-ui实现表格数据渲染+分页
Vue+element-ui实现表格数据渲染+分页具体属性请看官方文档:Table 表格这里给大家看一个比较不错的表格数据渲染的例子,也是我目前所写的项目中的一部分. 这里呢我们就不给大家说顶栏和 ...
element-ui 表格修改后, 表格里面的数据页面不实时更新问题完美解
element-ui 表格修改后表格里面的数据后页面不实时更新问题完美解想要达到的效果:点击"更多"后,"更多"隐藏,删除和补仓显示:(有时间可全部看 ...
Vue+ElementUI纯前端技术实现对表格数据的增删改查
Vue+ElementUI纯前端技术实现对表格数据的增删改查页面展示效果一.页面结构分为三个部分 head body 以及script 一般我个人是在head中引入一些组件库 , 还有一些样式 ...
Vue + Element-ui 实现table表格数据相同项合并
Vue + Element-ui 实现table表格数据相同项合并通过给table传入span-method方法可以实现合并行或列,方法的参数是一个对象 data() {return {table ...
elementui表格获取mysql数据_vue+element-ui表格封装tag使用slot插槽标签
我们知道有很多系统都要求表格中添加各种各样的tag,来标记一些属性.在element-ui中添加tag很简单,最重要的就是用到了vue的插槽slot这个特性.首先了解什么是插槽. 插槽省去官方的复杂 ...
vue3+ts+ant-table横向表格数据实现对单元格过滤之后的数据进行标红
在开发项目中遇到对ant-table表格数据进行单元格过滤标红的需求,这个需求应该也是经常会遇到的吧,我不清楚你们哈,但我是经常遇到对数据各种各样的标红处理及过滤数据,脑子恨不得分成好几半都不够用,a ...

elementui表格数据过滤

elementui表格数据过滤相关推荐

最新文章

热门文章