希望大家指正

针对这种情况,第一栏是新老校区都有的情况
在这里插入图片描述在这里插入图片描述
筛选的数据是这样的,classTimePosition是表格的一个prop绑定的属性

classTimePosition: [{
                            campus:'new',
                            timePosition:[{
                                time:'1',
                                weekD: '周三',
                                position:'bw221',
                            },{
                                time:'2',
                                weekD: '周一',
                                position:'bx211',
                            }],
                        },{
                            campus:'old',
                            timePosition:[{
                                time:'3',
                                weekD: '周五',
                                position:'bs227',
                            }],
                        }
                        ],
 //表头筛选
            filterHandler(value, row, column){  //筛选选项的value,一行row对象,column一列的属性值
                const property = column['property'];    // column['property']值为属性名·
                // console.log(JSON.stringify(column));
                
                //筛选数据中[{campus: '',..... }]这种类型数据
                if(Array.isArray(row[property])){   //行中该属性是数组
                    var  arr = false;
                    for(var i in row[property]){
                    //每次的arr为上一次和这一次结果的或,效果就是如果数据出现新老校区都有的情况,筛选到时候新老校区都会显示这条数据
                        arr = (row[property][i].campus === value)||arr;
                    }
                    return arr;
                }
			//
			else if(row[property] instanceof Object){//属性值是对象
                  
                    if(row[property].isInstituteRc!=undefined)
                        return row[property].isInstituteRc  === value;
                }
            else{ //普通属性值
                    return row[property] === value;
                }
            },
GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:3 个月前 )
c345bb45 7 个月前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 7 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐